首頁 > web前端 > js教程 > 主體

JavaScript有哪幾種引入方式

青灯夜游
發布: 2021-06-15 10:03:12
原創
13118 人瀏覽過

JavaScript有3種引入方式:1、使用「<開始標籤on 事件類型=「js程式碼」>」語句引入;2、在script標籤裡面寫js程式碼;3、將js程式碼寫在外部js檔案中,然後使用script標籤的src屬性引入。

JavaScript有哪幾種引入方式

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

javascript有三種引入方式:

#1、在行內引入:

<开始标签 on+事件类型=“js代码”></结束标签>
登入後複製

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

<body>
<input type="button" onclick="alert(&#39;行内引入&#39;)" value="button" name="button">
<button 0nclick="alert(123)">点击我</button>
</body>
登入後複製

2、內部引入:

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

    <script>
        alert("这是js的内部引入");
    </script>
登入後複製

3、外部引入:

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

<script type=“text/javascript” src=“demo.js”>
登入後複製

註:

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

  • #Script標籤要單獨使用,要麼引入外部js,要麼定義內部js,不要混搭使用

外部的JS文件,它具有維護性高、可緩存(加載一次,無需加載)、方便未來擴展、復用性高等特點

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

在head或body中,加入以下程式碼

<script  type="text/javascript" src="js/demo.js"></script>
登入後複製

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

更多程式相關知識,請造訪:程式設計影片! !

以上是JavaScript有哪幾種引入方式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!