javascript指令碼何時被執行

this_heart_add_add發表於2014-05-11
JavaScript指令碼
javascript指令碼何時被執行 


 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>

相關文章