学习第七天@javascript

 

问题:

IE9有许多不兼容,如何设置成IE8模式?

 

我是网站开发人员。需要对网站进行各个浏览器的样式查验。今天装了IE9发现IE9有很多的功能不兼容。。想让IE9 在平时的时候默认IE8的显示方式和文档标准。F12下可以选择用IE9来查看网站的内容~求设置

 

 

 

 

 

问题:

一个查找控件,输入查找条件之后点击查询,怎么使刷新的页面中保持原来输入的数据不变?

 

在控件那里加入一个属性:value="@Request.Params["vendorname"]

 

如:

<input type="text" id="vendor" class="text-box" size="18" onclick="openVendors();"  value="@Request.Params["vendorname"]" /><input type="hidden" id="vendorid"/>

 

问题:

URL的映射机制是什么?

URL映射不是MVC的机制,但是MVC充分依赖它,并发挥了它的优势。它位于MVC框架前端,是MVC主框架的入口。传统的URL往往对应了服务器磁盘物理路径的文件,而MVC的URL机制打破了这种束缚,使得服务器的文件组织可以不再暴露于众,而是映射到controller和action上。URL机制包括两个主要的工作:

1.URL正向映射(inbound)到Controller和Action

2.Controller和Action反向映射(outbound)并构造URL

 

 

问题:

为什么要使用Html.ActionLink(…)?

通常我们被推荐在view设计时使用Html.ActionLink(…)产生链接,这样做的优势就是,url可以根据路由表生成。

 

问题:

如何优雅地跳转页面并且保持原来的一些状态?

 

 

前台:

<a href="/audit/@(item.PurchaseAuditId + "?from=" + Request.Url.AbsoluteUri.ToLower())">审核</a>

后台:

ViewBag.from = Request.Params["from"];

前台:

<input type="button" value="返回列表" class="button" onclick="window.location='@ViewBag.from'" />

 

 

问题:

如何获取和修改前台一个html控件的值?

 

在后台获取text的值:

var brand = $("#brand").val();

在前台设置text的值:

$("#brand").val(“字符串”);

 

问题:

JavaScript 能做什么?

JavaScript HTML 设计师提供了一种编程工具

HTML 创作者往往都不是程序员,但是 JavaScript 却是一种只拥有极其简单的语法的脚本语言!几乎每个人都有能力将短小的代码片断放入他们的 HTML 页面当中。

JavaScript 可以将动态的文本放入 HTML 页面

类似于这样的一段 JavaScript 声明可以将一段可变的文本放入 HTML 页面:document.write("<h1>" + name + "</h1>")

JavaScript 可以对事件作出响应

可以将 JavaScript 设置为当某事件发生时才会被执行,例如页面载入完成或者当用户点击某个 HTML 元素时。

JavaScript 可以读写 HTML 元素

JavaScript 可以读取及改变 HTML 元素的内容。

JavaScript 可被用来验证数据

在数据被提交到服务器之前,JavaScript 可被用来验证这些数据。

JavaScript 可被用来检测访问者的浏览器

JavaScript 可被用来检测访问者的浏览器,并根据所检测到的浏览器,为这个浏览器载入相应的页面。

JavaScript 可被用来创建 cookies

JavaScript 可被用来存储和取回位于访问者的计算机中的信息。

 

 

 

 

 

问题:

如何与老的浏览器打交道

 

那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生,我们可以使用这样的 HTML 注释标签:

<html>
<body>
<script type="text/javascript">
<!--
document.write("Hello World!");
//-->
</script>
</body>
</html>

注释行末尾的两个正斜杠是 JavaScript 的注释符号,它会阻止 JavaScript 编译器对这一行的编译。

 

问题:

JS如何访问外部脚本?

 

function hello() {

    document.write("Hello Wrold!");

}

并保存成mytest.js

 

访问外部脚本:

<script src="/Scripts/mytest.js" type="text/javascript"> </script>

<script>

    hello();

</script>

 

 

问题:

JS的注释方法?

单行的注释以 // 开始。

多行注释以 /* 开头,以 */ 结尾。

 

 

问题:

重新声明 JavaScript 变量

如果您再次声明了 JavaScript 变量,该变量也不会丢失其原始值。

var x=5;
var x; 

在以上语句执行后,变量 x 的值仍然是 5。在重新声明该变量时,x 的值不会被重置或清除。

 

 

 

问题:

 

警告框

警告框经常用于确保用户可以得到某些信息。

当警告框出现后,用户需要点击确定按钮才能继续进行操作。

语法:

alert("文本")

确认框

确认框用于使用户可以验证或者接受某些信息。

当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。

如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。

语法:

confirm("文本")

提示框

提示框经常用于提示用户在进入页面前输入某个值。

当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。

如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。

语法:

prompt("文本","默认值")

 

 

问题:

JS怎么换行?

<script type=”text/javascript”>

document.write(“<br/>”);

</script>

 

问题:

JS不支持for(int i=0;i<20;i++){}

只能是先定义变量,再使用,如下:

<script type="text/javascript">
var i=0
for (i=0;i<=10;i++)
{
document.write("The number is " + i)
document.write("<br />")
}
</script>

 

问题:

 

JavaScript For...In 声明

For...In 声明用于对数组或者对象的属性进行循环操作。

for ... in 循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次操作。

语法:

for (变量 in 对象)
{
    在此执行代码
}

“变量”用来指定变量,指定的变量可以是数组元素,也可以是对象的属性。

实例:

使用 for ... in 循环遍历数组。

<html>
<body>
 
<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
 
for (x in mycars)
{
document.write(mycars[x] + "<br />")
}
</script>
 
</body>
</html>

:x为整型,从0开始!

 

 

问题:

 

事件

JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。

网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。比方说,我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义。

事件举例:

  • 鼠标点击
  • 页面或图像载入
  • 鼠标悬浮于页面的某个热点之上
  • 在表单中选取输入框
  • 确认表单
  • 键盘按键

注意:事件通常与函数配合使用,当事件发生时函数才会执行。

如果需要更多有关 Javascript 可识别事件的知识,请阅读我们的 JavaScript 事件参考手册

onload 和 onUnload

当用户进入或离开页面时就会触发 onload 和 onUnload 事件。

onload 事件常用来检测访问者的浏览器类型和版本,然后根据这些信息载入特定版本的网页。

onload 和 onUnload 事件也常被用来处理用户进入或离开页面时所建立的 cookies。例如,当某用户第一次进入页面时,你可以使用消息框来询问用户的姓名。姓名会保存在 cookie 中。当用户再次进入这个页面时,你可以使用另一个消息框来和这个用户打招呼:"Welcome John Doe!"。

onFocus, onBlur 和 onChange

onFocus、onBlur 和 onChange 事件通常相互配合用来验证表单。

下面是一个使用 onChange 事件的例子。用户一旦改变了域的内容,checkEmail() 函数就会被调用。

<input type="text" size="30" id="email" onchange="checkEmail()">

onSubmit

onSubmit 用于在提交表单之前验证所有的表单域。

下面是一个使用 onSubmit 事件的例子。当用户单击表单中的确认按钮时,checkForm() 函数就会被调用。假若域的值无效,此次提交就会被取消。checkForm() 函数的返回值是 true 或者 false。如果返回值为true,则提交表单,反之取消提交。

<form method="post" action="xxx.htm" onsubmit="return checkForm()">

onMouseOver 和 onMouseOut

onMouseOver 和 onMouseOut 用来创建“动态的”按钮。

下面是一个使用 onMouseOver 事件的例子。当 onMouseOver 事件被脚本侦测到时,就会弹出一个警告框:

<a href="http://www.w3school.com.cn"
onmouseover="alert('An onMouseOver event');return false">
 
<img src="w3school.gif" width="100" height="30">
 
</a>

 

posted on 2012-02-09 19:34  夏夏知  阅读(260)  评论(0编辑  收藏  举报