快捷導(dǎo)航

詳解javascript腳本何時(shí)會(huì)被執(zhí)行

更新時(shí)間：2021年02月05日 09:29:41 作者：皮卡丘和羊?qū)氊?#128516;

這篇文章主要介紹了詳解javascript腳本何時(shí)會(huì)被執(zhí)行，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下

javascript腳本可以嵌入在html內(nèi)的任意地方，但它何時(shí)被調(diào)用呢？當(dāng)瀏覽器打開HTML文件后，會(huì)直接運(yùn)行不是聲明函數(shù)的腳本或通過事件調(diào)用腳本函數(shù)，下面分析這幾種情況。

1.瀏覽器在打開頁面時(shí)執(zhí)行腳本

當(dāng)瀏覽器打開一個(gè)HTML文件時(shí)，它會(huì)從頭開始解釋整個(gè)文件，包括html標(biāo)簽和腳本。如果腳本中有可以直接執(zhí)行的語句，則會(huì)在遇到的時(shí)候馬上解釋執(zhí)行。主要有以下2種情形：

1).程序啟動(dòng)(這里指瀏覽器加載頁面)這個(gè)alert這類函數(shù)就會(huì)被觸發(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函數(shù)被自動(dòng)調(diào)用(并不是用戶點(diǎn)擊等行為觸發(fā))

2.利用onLoad事件執(zhí)行腳本(相當(dāng)于監(jiān)聽**發(fā)生，然后執(zhí)行)

onLoad事件是一個(gè)頁面在瀏覽器中被打開時(shí)發(fā)生的，該方法常用于在打開一個(gè)頁面的同時(shí)向用戶顯示一些消息。
下面例子利用標(biāo)簽的onLoad事件進(jìn)行演示:

<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í)行腳本

用戶在使用瀏覽器時(shí)經(jīng)常會(huì)使用鼠標(biāo)和鍵盤進(jìn)行一些操作，比例移動(dòng)鼠標(biāo)、點(diǎn)擊鏈接或按鈕，這些操作都會(huì)產(chǎn)生相應(yīng)的事件。我們可以利用這些事件來調(diào)用腳本函數(shù)。
下面例子利用一個(gè)點(diǎn)擊按鈕事件來調(diào)用display()函數(shù)。

<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腳本何時(shí)會(huì)被執(zhí)行的詳細(xì)內(nèi)容，更多關(guān)于javascript腳本何時(shí)會(huì)被執(zhí)行的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: