首頁 >web前端 >前端問答 >javascript腳本由什麼解釋和執行

javascript腳本由什麼解釋和執行

藏色散人原創: 2022-01-19 16:22:002958瀏覽

javascript腳本由瀏覽器解釋執行，javascript腳本被執行的情況：1、瀏覽器在開啟頁面時執行腳本；2、利用onLoad事件執行腳本；3、利用使用者事件執行腳本。

本文操作環境：Windows7系統、javascript1.8.5版、DELL G3電腦

javascript腳本由什麼解釋、執行？

javascript腳本由瀏覽器解釋和執行。

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>

推薦學習：《js基礎教學》

以上是javascript腳本由什麼解釋和執行的詳細內容。更多資訊請關注PHP中文網其他相關文章！

JavaScript html JS 事件 alert display

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：JavaScript中有點擊事件嗎下一篇：JavaScript中有點擊事件嗎

看更多