站長(zhǎng)資訊網(wǎng)
javascript腳本由瀏覽器解釋和執(zhí)行，javascript腳本被執(zhí)行的情況：1、瀏覽器在打開(kāi)頁(yè)面時(shí)執(zhí)行腳本；2、利用onLoad事件執(zhí)行腳本；3、利用用戶事件執(zhí)行腳本。
本文操作環(huán)境：Windows7系統(tǒng)、javascript1.8.5版、DELL G3電腦
javascript腳本由什么解釋和執(zhí)行？
javascript腳本由瀏覽器解釋和執(zhí)行。
javascript腳本何時(shí)會(huì)被執(zhí)行？
javascript腳本可以嵌入在html內(nèi)的任意地方，但它何時(shí)被調(diào)用呢？當(dāng)瀏覽器打開(kāi)HTML文件后，會(huì)直接運(yùn)行不是聲明函數(shù)的腳本或通過(guò)事件調(diào)用腳本函數(shù)，下面分析這幾種情況。
1.瀏覽器在打開(kāi)頁(yè)面時(shí)執(zhí)行腳本
當(dāng)瀏覽器打開(kāi)一個(gè)HTML文件時(shí)，它會(huì)從頭開(kāi)始解釋整個(gè)文件，包括html標(biāo)簽和腳本。如果腳本中有可以直接執(zhí)行的語(yǔ)句，則會(huì)在遇到的時(shí)候馬上解釋執(zhí)行。主要有以下2種情形：
1).程序啟動(dòng)(這里指瀏覽器加載頁(yè)面)這個(gè)alert這類函數(shù)就會(huì)被觸發(fā)執(zhí)行
<html> <head> <title>demo</title> <script type="text/javascript"> alert("dare you click me once again"); </script> </head> <body onLoad="display()"> </body> </html>
2).隨著瀏覽器加載解析js函數(shù)被自動(dòng)調(diào)用(并不是用戶點(diǎn)擊等行為觸發(fā))
2.利用onLoad事件執(zhí)行腳本(相當(dāng)于監(jiān)聽(tīng)**發(fā)生，然后執(zhí)行)
onLoad事件是一個(gè)頁(yè)面在瀏覽器中被打開(kāi)時(shí)發(fā)生的，該方法常用于在打開(kāi)一個(gè)頁(yè)面的同時(shí)向用戶顯示一些消息。
下面例子利用標(biāo)簽的onLoad事件進(jìn)行演示:
<html> <head> <title>demo</title> <script type="text/javascript"> //insert javascript code here. function display() { alert("dare you click me once again") } </script> </head> <body onLoad="display()"> </body> </html>
3.利用用戶事件執(zhí)行腳本
用戶在使用瀏覽器時(shí)經(jīng)常會(huì)使用鼠標(biāo)和鍵盤(pán)進(jìn)行一些操作，比例移動(dòng)鼠標(biāo)、點(diǎn)擊鏈接或按鈕，這些操作都會(huì)產(chǎn)生相應(yīng)的事件。我們可以利用這些事件來(lái)調(diào)用腳本函數(shù)。
下面例子利用一個(gè)點(diǎn)擊按鈕事件來(lái)調(diào)用display()函數(shù)。
<html> <head> <title>demo</title> <script type="text/javascript"> //insert javascript code here. function display(){ alert("you click me ,it is so pain") } </script> </head> <body> <center><br> <form> <input type="button" value="onclick" onclick="display()"> </form> </center> </body> </html>
推薦學(xué)習(xí)：《js基礎(chǔ)教程》
