代码改变世界

ASP.NET学习笔记十之JS

2010-11-25 15:22  马克曼  阅读(117)  评论(0)    收藏  举报
  • 如何插入js代码

如果需要把一段 JavaScript 插入 HTML 页面，我们需要使用 <script> 标签（同时使用 type 属性来定义脚本语言）。

这样，<script type="text/javascript"> 和 </script> 就可以告诉浏览器 JavaScript 从何处开始，到何处结束。

<html>
<body>
<script type="text/javascript">
...
</script>
</body>
</html>


    

  • JavaScript 使用外部js文件
    • 



	为了达到这个目的，你可以将 JavaScript 写入一个外部文件之中。然后以 .js 为后缀保存这个文件。


注意：外部文件不能包含 <script> 标签。


然后把 .js 文件指定给 <script> 标签中的 "src" 属性，就可以使用这个外部文件了：


<html>
<head>
<script src="xxx.js">....</script>
</head>
<body>
</body>
</html>


提示：您可以把 .js 文件放到网站目录中通常存放脚本的子目录中，这样更容易管理和维护。


 


    

  • JavaScript 消息框
    • 



可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。




警告框


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


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


语法：


alert("文本")






确认框


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


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


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


语法：


confirm("文本")






提示框


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


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


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


语法：


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

实例见：






    

  • JavaScript 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>




    

  • 

    JavaScript 事件
    

    

    事件举例：
    

      

    • 鼠标点击
      • 

    • 页面或图像载入
      • 

    • 鼠标悬浮于页面的某个热点之上
      • 

    • 在表单中选取输入框
      • 

    • 确认表单
      • 

    • 键盘按键
      • 

    

    

    


    
属性当以下情况发生时，出现此事件FFNIE

    

    
onabort
图像加载被中断
1
3
4

    

    
onblur
元素失去焦点
1
2
3

    

    
onchange
用户改变域的内容
1
2
3

    

    
onclick
鼠标点击某个对象
1
2
3

    

    
ondblclick
鼠标双击某个对象
1
4
4

    

    
onerror
当加载文档或图像时发生某个错误
1
3
4

    

    
onfocus
元素获得焦点
1
2
3

    

    
onkeydown
某个键盘的键被按下
1
4
3

    

    
onkeypress
某个键盘的键被按下或按住
1
4
3

    

    
onkeyup
某个键盘的键被松开
1
4
3

    

    
onload
某个页面或图像被完成加载
1
2
3

    

    
onmousedown
某个鼠标按键被按下
1
4
4

    

    
onmousemove
鼠标被移动
1
6
3

    

    
onmouseout
鼠标从某元素移开
1
4
4

    

    
onmouseover
鼠标被移到某元素之上
1
2
3

    

    
onmouseup
某个鼠标按键被松开
1
4
4

    

    
onreset
重置按钮被点击
1
3
4

    

    
onresize
窗口或框架被调整尺寸
1
4
4

    

    
onselect
文本被选定
1
2
3

    

    
onsubmit
提交按钮被点击
1
2
3

    

    
onunload
用户退出页面
1
2
3

    
    

    

    

    

    •