1. 程式人生 > 程式設計 >在HTML中使用JavaScript的兩種方法

在HTML中使用JavaScript的兩種方法

在HTML中使用HTML需要藉助<scirpt>標籤,使用<script>標籤的方式有兩種:一種是直接在<script>標籤中嵌入JavaScript程式碼,另一種是用<script>的src屬性引入外部JavaScript檔案。

直接在頁面嵌入JavaScript程式碼

在使用<script>標籤嵌入JavaScript程式碼時,只需為<script>指定type屬性。然後,像下面這樣把JavaScript程式碼直接放在標籤內部即可:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>title</title>
  <script type="text/javascript">
    var word = "Hello,itbsl";
    alert(word);
  </script>
</head>
<body>
</body>
</html>

在HTML中使用JavaScript的兩種方法

<script>的type屬性可以不要,這是因為當初標準的制定者認為標籤內嵌入還可能會嵌入其他語言,需要用type來指定標籤內的語言,但是發展到至今大家已經知道,這裡只會嵌入JavaScript,目前所有瀏覽器的預設值就是text/javascript。

HTML檔案內可以嵌入任意多個script標籤。

引入外部JavaScript檔案

如果要通過<script>標籤包含外部JavaScript檔案,那麼src屬性是必須的。這個屬性的值是一個指向外部JavaScript檔案的連結,例如:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>title</title>

  <script type="text/javascript" src="./js/example.js"></script>

</head>
<body>
</body>
</html>

在HTML中使用JavaScript的兩種方法

注意:帶有src屬性的<script>標籤不應該在其<script>和</script>標籤之間再嵌入任何JavaScript程式碼。如果嵌入了額外的JavaScript程式碼,則只會下載並執行src引入的外部指令碼檔案,嵌入的程式碼會被忽略。

在HTML中使用JavaScript的兩種方法

以上就是在HTML中使用JavaScript的兩種方法的詳細內容,更多關於HTML中使用JavaScript的資料請關注我們其它相關文章!