javascript腳本什麼時候會被執行

時間 2021-02-03

標籤 javascript html java 瀏覽器函數 code orm htm blog 事件欄目 JavaScript 简体版

原文原文鏈接

javascript腳本能夠嵌入在html內的任意地方，但它什麼時候被調用呢？當瀏覽器打開HTML文件後，會直接運行不是聲明函數的腳本或經過事件調用腳本函數，下面分析這幾種狀況。javascript

1.瀏覽器在打開頁面時執行腳本

當瀏覽器打開一個HTML文件時，它會從頭開始解釋整個文件，包括html標籤和腳本。若是腳本中有能夠直接執行的語句，則會在遇到的時候立刻解釋執行。主要有如下2種情形：
1).程序啓動(這裏指瀏覽器加載頁面)這個alert這類函數就會被觸發執行html

<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函數被自動調用(並非用戶點擊等行爲觸發)
java

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>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。