Chinaunix首页 | 论坛 | 博客
  • 博客访问: 2036927
  • 博文数量: 610
  • 博客积分: 11499
  • 博客等级: 上将
  • 技术积分: 5511
  • 用 户 组: 普通用户
  • 注册时间: 2008-03-12 19:27
文章分类

全部博文(610)

文章存档

2016年(5)

2015年(18)

2014年(12)

2013年(16)

2012年(297)

2011年(45)

2010年(37)

2009年(79)

2008年(101)

分类:

2012-07-26 14:35:01

原文地址:javascript脚本何时被执行 作者:add358

 javascript脚本可以嵌入在内的任意地方,但它何时被调用呢?当浏览器打开HTML文件后,会直接运行不是声明函数的脚本或通过事件调用脚本函数,下面分析这几种情况。

1 浏览器在打开页面时执行脚本
  当浏览器打开一个HTML文件时,它会从头开始解释整个文件,包括html标签和脚本。如果脚本中有可以直接执行的语句,则会在遇到的时候马上解释执行。

2 利用onLoad事件执行脚本
  onLoad事件是一个页面在浏览器中被打开时发生的,该方法常用于在打开一个页面的同时向用户显示一些消息。
  下面例子利用标签的onLoad事件进行演示
  1. <html>
  2.     <head>
  3.         <title>demo</title>
  4.         <script type="text/javascript">
  5.             //insert javascript code here.
  6.             function display()
  7.             {
  8.                 alert("via the onLoad event to invoke the javascript function")    
  9.             }
  10.         </script>
  11.     </head>
  12.     <body onLoad="display()">
  13.     </body>
  14. </html>
3 利用用户事件执行脚本
  用户在使用浏览器时经常会使用鼠标和键盘进行一些操作,比例移动鼠标、点击链接或按钮,这些操作都会产生相应的事件。我们可以利用这些事件来调用脚本函数。
  下面例子利用一个点击按钮事件来调用display()函数。
  1. <html>
  2.     <head>
  3.         <title>demo</title>
  4.         <script type="text/javascript">
  5.             //insert javascript code here.
  6.             function display(){
  7.                 alert("via onclick event to invoke the javascript function")
  8.                 }
  9.         </script>
  10.     </head>
  11.     <body>
  12.         <center><br>
  13.         <form>
  14.             <input type="button" value="onclick" onclick="display()">
  15.         </form>
  16.     </center>
  17.     </body>
  18. </html>



阅读(380) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~