詳解javascript腳本何時(shí)會(huì)被執(zhí)行
javascript腳本可以嵌入在html內(nèi)的任意地方，但它何時(shí)被調(diào)用呢？當(dāng)瀏覽器打開HTML文件后，會(huì)直接運(yùn)行不是聲明函數(shù)的腳本或通過事件調(diào)用腳本函數(shù)，下面分析這幾種情況。
1.瀏覽器在打開頁面時(shí)執(zhí)行腳本當(dāng)瀏覽器打開一個(gè)HTML文件時(shí)，它會(huì)從頭開始解釋整個(gè)文件，包括html標(biāo)簽和腳本。如果腳本中有可以直接執(zhí)行的語句，則會(huì)在遇到的時(shí)候馬上解釋執(zhí)行。主要有以下2種情形：
1).程序啟動(dòng)(這里指瀏覽器加載頁面)這個(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ā))
onLoad事件是一個(gè)頁面在瀏覽器中被打開時(shí)發(fā)生的，該方法常用于在打開一個(gè)頁面的同時(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)和鍵盤進(jìn)行一些操作，比例移動(dòng)鼠標(biāo)、點(diǎn)擊鏈接或按鈕，這些操作都會(huì)產(chǎn)生相應(yīng)的事件。我們可以利用這些事件來調(diào)用腳本函數(shù)。下面例子利用一個(gè)點(diǎn)擊按鈕事件來調(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>
以上就是詳解javascript腳本何時(shí)會(huì)被執(zhí)行的詳細(xì)內(nèi)容，更多關(guān)于javascript腳本何時(shí)會(huì)被執(zhí)行的資料請(qǐng)關(guān)注好吧啦網(wǎng)其它相關(guān)文章！
相關(guān)文章：
1. 告別AJAX實(shí)現(xiàn)無刷新提交表單2. ASP中常用的22個(gè)FSO文件操作函數(shù)整理3. XML入門的常見問題(一)4. XML入門的常見問題(四)5. CSS3實(shí)例分享之多重背景的實(shí)現(xiàn)(Multiple backgrounds)6. Vue+elementUI下拉框自定義顏色選擇器方式7. 詳解盒子端CSS動(dòng)畫性能提升8. 低版本IE正常運(yùn)行HTML5+CSS3網(wǎng)站的3種解決方案9. 使用css實(shí)現(xiàn)全兼容tooltip提示框10. css進(jìn)階學(xué)習(xí) 選擇符
網(wǎng)公網(wǎng)安備