詳解javascript腳本何時會被執(zhí)行
javascript腳本可以嵌入在html內(nèi)的任意地方,但它何時被調(diào)用呢?當(dāng)瀏覽器打開HTML文件后,會直接運(yùn)行不是聲明函數(shù)的腳本或通過事件調(diào)用腳本函數(shù),下面分析這幾種情況。
1.瀏覽器在打開頁面時執(zhí)行腳本當(dāng)瀏覽器打開一個HTML文件時,它會從頭開始解釋整個文件,包括html標(biāo)簽和腳本。如果腳本中有可以直接執(zhí)行的語句,則會在遇到的時候馬上解釋執(zhí)行。主要有以下2種情形:
1).程序啟動(這里指瀏覽器加載頁面)這個alert這類函數(shù)就會被觸發(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ù)被自動調(diào)用(并不是用戶點(diǎn)擊等行為觸發(fā))
onLoad事件是一個頁面在瀏覽器中被打開時發(fā)生的,該方法常用于在打開一個頁面的同時向用戶顯示一些消息。下面例子利用標(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í)行腳本
用戶在使用瀏覽器時經(jīng)常會使用鼠標(biāo)和鍵盤進(jìn)行一些操作,比例移動鼠標(biāo)、點(diǎn)擊鏈接或按鈕,這些操作都會產(chǎn)生相應(yīng)的事件。我們可以利用這些事件來調(diào)用腳本函數(shù)。下面例子利用一個點(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腳本何時會被執(zhí)行的詳細(xì)內(nèi)容,更多關(guān)于javascript腳本何時會被執(zhí)行的資料請關(guān)注好吧啦網(wǎng)其它相關(guān)文章!
相關(guān)文章:
1. IntelliJ IDEA設(shè)置默認(rèn)瀏覽器的方法2. idea設(shè)置提示不區(qū)分大小寫的方法3. HTTP協(xié)議常用的請求頭和響應(yīng)頭響應(yīng)詳解說明(學(xué)習(xí))4. IntelliJ IDEA創(chuàng)建web項(xiàng)目的方法5. VMware中如何安裝Ubuntu6. ASP.NET MVC通過勾選checkbox更改select的內(nèi)容7. .NET SkiaSharp 生成二維碼驗(yàn)證碼及指定區(qū)域截取方法實(shí)現(xiàn)8. CentOS郵件服務(wù)器搭建系列—— POP / IMAP 服務(wù)器的構(gòu)建( Dovecot )9. docker容器調(diào)用yum報(bào)錯的解決辦法10. django創(chuàng)建css文件夾的具體方法
