詳解javascript腳本何時會被執(zhí)行
javascript腳本可以嵌入在html內的任意地方，但它何時被調用呢？當瀏覽器打開HTML文件后，會直接運行不是聲明函數的腳本或通過事件調用腳本函數，下面分析這幾種情況。
1.瀏覽器在打開頁面時執(zhí)行腳本當瀏覽器打開一個HTML文件時，它會從頭開始解釋整個文件，包括html標簽和腳本。如果腳本中有可以直接執(zhí)行的語句，則會在遇到的時候馬上解釋執(zhí)行。主要有以下2種情形：
1).程序啟動(這里指瀏覽器加載頁面)這個alert這類函數就會被觸發(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函數被自動調用(并不是用戶點擊等行為觸發(fā))
onLoad事件是一個頁面在瀏覽器中被打開時發(fā)生的，該方法常用于在打開一個頁面的同時向用戶顯示一些消息。下面例子利用標簽的onLoad事件進行演示:
<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í)行腳本
用戶在使用瀏覽器時經常會使用鼠標和鍵盤進行一些操作，比例移動鼠標、點擊鏈接或按鈕，這些操作都會產生相應的事件。我們可以利用這些事件來調用腳本函數。下面例子利用一個點擊按鈕事件來調用display()函數。
<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í)行的詳細內容，更多關于javascript腳本何時會被執(zhí)行的資料請關注好吧啦網其它相關文章！
相關文章：
1. 編程語言PHP在Web開發(fā)領域的優(yōu)勢在哪？2. 詳解Android studio 動態(tài)fragment的用法3. 圖文詳解vue中proto文件的函數調用4. 什么是python的自省5. 基于android studio的layout的xml文件的創(chuàng)建方式6. Spring Boot和Thymeleaf整合結合JPA實現分頁效果(實例代碼)7. 解決Android studio xml界面無法預覽問題8. Android如何加載Base64編碼格式圖片9. Vue封裝一個TodoList的案例與瀏覽器本地緩存的應用實現10. Springboot Druid 自定義加密數據庫密碼的幾種方案
網公網安備