資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚研究
法學研究在 HTML 中使用者導航到頁面時執行指令碼？
本文需要執行的任務是在使用者導航到 HTML 頁面時執行指令碼。
我們可以使用“onpageshow 事件”來完成上述任務（在使用者導航到 HTML 頁面時執行指令碼）。在進入示例之前，讓我們先了解一下 HTML 中 onpageshow 事件的定義和用法。
HTML onpageshow 事件
HTML 中的onpageshow事件發生在使用者導航到網頁時。每次頁面載入時都會發生此事件。
語法
以下是 HTML 中 onpageshow 事件的語法：
<element onpageshow = "myScript">
以下是我們在使用者導航到 HTML 頁面時在 HTML 中使用 onpageshow 事件的示例。
示例 1
在本例中，
我們在使用者導航到 HTML 頁面時使用了 HTML 中的 onpageshow 事件。
我們在函式內部編寫了一個 alert() 方法。因此，每當使用者嘗試導航到頁面時，onpageshow 事件都會被觸發。
<!DOCTYPE html> <html> <head> <title>Execute a script when a user navigates to a page in HTML?</title> </head> <body onpageshow="navigate()"> <h2>Execute a script when a user navigates to a page in HTML?</h2> <p><b>Note:</b> The <strong>"onpageshow"</strong> event in HTML will not supported in Internet Explorer 10 and before versions.</p> <script> function navigate() { alert("Welcome to the page!"); } </script> </body> </html>
正如我們在輸出中看到的；當用戶嘗試導航到頁面時，將在視窗上顯示一個警報。
示例 2
在下面的示例中，
我們在使用者導航到 HTML 頁面時使用了 HTML 中的 onpageshow 事件。
我們在函式內部編寫了一個列印語句。因此，每當使用者嘗試導航到頁面時，onpageshow 事件都會被觸發。
<!DOCTYPE html> <html> <head> <title>Execute a script when a user navigates to a page in HTML?</title> </head> <body onpageshow="navigate()"> <h2>Execute a script when a user navigates to a page in HTML?</h2> <p><b>Note:</b> The <strong>"onpageshow"</strong> event in HTML will not supported in Internet Explorer 10 and before versions.</p> <h2 id="heading"> </h2> <script> function navigate() { document.getElementById("heading").innerHTML = "Welcome to the page!"; } </script> </body> </html>
正如我們在輸出中看到的，當用戶嘗試導航到頁面時，將執行列印語句。
示例 3
在下面的示例中，
我們在使用者導航到 HTML 頁面時使用了 HTML 中的 onpageshow 事件。
我們在函式內部編寫了一個列印語句。因此，每當使用者嘗試導航到頁面時，onpageshow 事件都會被觸發。
在下面的程式碼中；我們寫了“window.onpageshow”，這裡的 window 介面表示包含 DOM 文件的視窗。
<!DOCTYPE html> <html> <head> <title>Execute a script when a user navigates to a page in HTML?</title> </head> <body> <h2>Execute a script when a user navigates to a page in HTML?</h2> <h3 id="para"></h3> <script> function Navigate() { document.getElementById("para").innerHTML = "Welcome to the page!"; } window.onpageshow = Navigate; </script> </body> </html>
正如我們在輸出中看到的，當用戶嘗試導航到頁面時，將執行列印語句。
更新於：2022年11月8日
瀏覽量 168
廣告