JavaScript的三種引入方式

小鄭的靜止發表於2020-12-31
JavaScript

javascript有三種引入方式：

1、行內引入:

<開始標籤 on+事件型別=“js程式碼”></結束標籤>

行內引入方式必須結合事件來使用，但是內部js和外部js可以不結合事件

<body>
<input type="button" οnclick="alert('行內引入')" value="button" name="button">
<button οnclick="alert(123)">點選我</button>
</body>

2、內部引入：

在head或body中，定義script標籤，然後在script標籤裡面寫js程式碼

    <script>
        alert("這是js的內部引入");
    </script>

3、外部引入：

定義外部js檔案(.js結尾的檔案)

<scripttype=“text/javascript” src=“demo.js”>

注:

  1. script標籤一般定義在head或body中

  2. Script標籤要單獨使用，要麼引入外部js，要麼定義內部js，不要混搭使用

外部的JS檔案，它具有維護性高、可快取(載入一次，無需載入)、方便未來擴充套件、複用性高等特點

新建外部的js檔案demo.js檔案

在head或者body中，新增以下程式碼

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

js執行的優先順序按照在程式碼中的先後順序執行

相關文章