现在的位置: 首页 > web前端 > 正文

javascript脚本何时被执行

2018年07月09日 web前端 ⁄ 共 1195字 ⁄ 字号 评论关闭

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

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

2 利用onLoad事件执行脚本
  onLoad事件是一个页面在浏览器中被打开时发生的,该方法常用于在打开一个页面的同时向用户显示一些消息。
  下面例子利用<body>标签的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>

转自:http://blog.chinaunix.net/uid-24467128-id-3287758.html

抱歉!评论已关闭.