javascript指令碼何時被執行
javascript指令碼可以嵌入在<html></html>內的任意地方,但它何時被呼叫呢?當瀏覽器開啟HTML檔案後,會直接執行不是宣告函式的指令碼或通過事件呼叫指令碼函式,下面分析這幾種情況。
1 瀏覽器在開啟頁面時執行指令碼
當瀏覽器開啟一個HTML檔案時,它會從頭開始解釋整個檔案,包括html標籤和指令碼。如果指令碼中有可以直接執行的語句,則會在遇到的時候馬上解釋執行。
2 利用onLoad事件執行指令碼
onLoad事件是一個頁面在瀏覽器中被開啟時發生的,該方法常用於在開啟一個頁面的同時向使用者顯示一些訊息。
下面例子利用<body>標籤的onLoad事件進行演示
3 利用使用者事件執行指令碼
使用者在使用瀏覽器時經常會使用滑鼠和鍵盤進行一些操作,比例移動滑鼠、點選連結或按鈕,這些操作都會產生相應的事件。我們可以利用這些事件來呼叫指令碼函式。
下面例子利用一個點選按鈕事件來呼叫display()函式。
1 瀏覽器在開啟頁面時執行指令碼
當瀏覽器開啟一個HTML檔案時,它會從頭開始解釋整個檔案,包括html標籤和指令碼。如果指令碼中有可以直接執行的語句,則會在遇到的時候馬上解釋執行。
2 利用onLoad事件執行指令碼
onLoad事件是一個頁面在瀏覽器中被開啟時發生的,該方法常用於在開啟一個頁面的同時向使用者顯示一些訊息。
下面例子利用<body>標籤的onLoad事件進行演示
-
<html>
-
<head>
-
<title>demo</title>
-
<script type="text/javascript">
-
//insert javascript code here.
-
function display()
-
{
-
alert("via the onLoad event to invoke the javascript function")
-
}
-
</script>
-
</head>
-
<body onLoad="display()">
-
</body>
- </html>
使用者在使用瀏覽器時經常會使用滑鼠和鍵盤進行一些操作,比例移動滑鼠、點選連結或按鈕,這些操作都會產生相應的事件。我們可以利用這些事件來呼叫指令碼函式。
下面例子利用一個點選按鈕事件來呼叫display()函式。
-
<html>
-
<head>
-
<title>demo</title>
-
<script type="text/javascript">
-
//insert javascript code here.
-
function display(){
-
alert("via onclick event to invoke the javascript function")
-
}
-
</script>
-
</head>
-
<body>
-
<center><br>
-
<form>
-
<input type="button" value="onclick" onclick="display()">
-
</form>
-
</center>
-
</body>
- </html>
相關文章
- javascript指令碼何時會被執行JavaScript指令碼
- Selenium執行JavaScript指令碼JavaScript指令碼
- C# 執行Javascript指令碼C#JavaScript指令碼
- node 執行JavaScript 指令碼 測試axiosJavaScript指令碼iOS
- Linux 定時執行指令碼、命令Linux指令碼
- Linux定時執行.sh指令碼Linux指令碼
- 通過 Redis 定時執行指令碼Redis指令碼
- PHP 避免同時執行一個指令碼PHP指令碼
- sleep 時間段不佔指令碼執行時間指令碼
- 執行shell指令碼指令碼
- PHP執行耗時指令碼實時輸出內容PHP指令碼
- 執行python指令碼後臺執行Python指令碼
- Ubuntu伺服器定時執行Python指令碼Ubuntu伺服器Python指令碼
- appium ios java 指令碼如何用指令執行,例如 adb 那種方式執行指令碼APPiOSJava指令碼
- mybatis執行sql指令碼MyBatisSQL指令碼
- 使用bat指令碼執行MySQL命令時遇到的坑BAT指令碼MySql
- 怎樣在windows上定時執行python指令碼WindowsPython指令碼
- 線上定時指令碼執行慢,分析過程指令碼
- 生成 Linux 執行時間報告的 Bash 指令碼Linux指令碼
- sqlplus執行指令碼時遇到錯誤自動停止SQL指令碼
- JavaScript 計算程式碼執行花費時間JavaScript
- [20190107]生成bbed執行指令碼:指令碼
- sh指令碼執行報錯指令碼
- Laravel 中執行 Python 指令碼LaravelPython指令碼
- python ansible如何執行指令碼?Python指令碼
- 如何在Docker容器啟動時自動執行指令碼Docker指令碼
- 如何使用Docker構建執行時間較長的指令碼Docker指令碼
- Linux(CentOS)啟動時自動執行指令碼(rc.local)LinuxCentOS指令碼
- 伺服器部署python指令碼並使用crontab定時執行伺服器Python指令碼
- PHP 使用檔案鎖 避免同時執行一個指令碼PHP指令碼
- xcall叢集執行命令指令碼指令碼
- Linux 後臺執行 PHP 指令碼LinuxPHP指令碼
- [20190510]快速建立執行指令碼.txt指令碼
- Mac 終端執行 shell 指令碼Mac指令碼
- python中怎樣執行指令碼Python指令碼
- 在Linux中,有⼀個指令碼執行時間可能超過2天,如何做才能使其不間斷的執行,而且還可以隨時觀察指令碼執行時的輸出資訊?Linux指令碼
- npm 執行時報錯“因為在此係統上禁止執行指令碼”解決辦法NPM指令碼
- shell指令碼linux命令連續執行指令碼Linux
- [20231021]生成bbed的執行指令碼.txt指令碼