javascript腳本可以嵌入在html內(nèi)的任意地方,但它何時被調(diào)用呢?當瀏覽器打開HTML文件后,會直接運行不是聲明函數(shù)的腳本或通過事件調(diào)用腳本函數(shù),下面分析這幾種情況。
1.瀏覽器在打開頁面時執(zhí)行腳本
當瀏覽器打開一個HTML文件時,它會從頭開始解釋整個文件,包括html標簽和腳本。如果腳本中有可以直接執(zhí)行的語句,則會在遇到的時候馬上解釋執(zhí)行。主要有以下2種情形:
1).程序啟動(這里指瀏覽器加載頁面)這個alert這類函數(shù)就會被觸發(fā)執(zhí)行
1
2
3
4
5
6
7
8
9
10
|
< 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ù)被自動調(diào)用(并不是用戶點擊等行為觸發(fā))
2.利用onLoad事件執(zhí)行腳本(相當于監(jiān)聽**發(fā)生,然后執(zhí)行)
onLoad事件是一個頁面在瀏覽器中被打開時發(fā)生的,該方法常用于在打開一個頁面的同時向用戶顯示一些消息。
下面例子利用標簽的onLoad事件進行演示:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
< 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í)行腳本
用戶在使用瀏覽器時經(jīng)常會使用鼠標和鍵盤進行一些操作,比例移動鼠標、點擊鏈接或按鈕,這些操作都會產(chǎn)生相應(yīng)的事件。我們可以利用這些事件來調(diào)用腳本函數(shù)。
下面例子利用一個點擊按鈕事件來調(diào)用display()函數(shù)。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
< 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 > |
以上就是詳解javascript腳本何時會被執(zhí)行的詳細內(nèi)容,更多關(guān)于javascript腳本何時會被執(zhí)行的資料請關(guān)注服務(wù)器之家其它相關(guān)文章!
原文鏈接:https://www.cnblogs.com/lovelywcc/p/14368913.html