javascript指令碼何時會被執行

皮卡丘和羊寶貝?發表於2021-02-03
JavaScript指令碼

javascript指令碼可以嵌入在html內的任意地方，但它何時被呼叫呢？當瀏覽器開啟HTML檔案後，會直接執行不是宣告函式的指令碼或通過事件呼叫指令碼函式，下面分析這幾種情況。

1.瀏覽器在開啟頁面時執行指令碼

當瀏覽器開啟一個HTML檔案時，它會從頭開始解釋整個檔案，包括html標籤和指令碼。如果指令碼中有可以直接執行的語句，則會在遇到的時候馬上解釋執行。主要有以下2種情形：
1).程式啟動(這裡指瀏覽器載入頁面)這個alert這類函式就會被觸發執行

<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函式被自動呼叫(並不是使用者點選等行為觸發)

2.利用onLoad事件執行指令碼(相當於監聽**發生，然後執行)

onLoad事件是一個頁面在瀏覽器中被開啟時發生的，該方法常用於在開啟一個頁面的同時向使用者顯示一些訊息。
下面例子利用標籤的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.利用使用者事件執行指令碼

使用者在使用瀏覽器時經常會使用滑鼠和鍵盤進行一些操作，比例移動滑鼠、點選連結或按鈕，這些操作都會產生相應的事件。我們可以利用這些事件來呼叫指令碼函式。
下面例子利用一個點選按鈕事件來呼叫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>

相關文章