」。"> 怎麼引入JavaScript腳本文件-前端問答-PHP中文網

怎麼引入JavaScript腳本文件

青灯夜游
發布: 2021-11-03 12:03:17
原創
3044 人瀏覽過

在網頁中,可以使用script標籤,利用該標籤的src屬性來引入JavaScript腳本文件,語法「

怎麼引入JavaScript腳本文件

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

JavaScript腳本檔案指的就是包含了JavaScript程式碼的,以「.js」為副檔名的外部JavaScript檔案。

想要引進JavaScript腳本檔案需要通過script標籤,其基本語法格式如下:

怎麼引入JavaScript腳本文件

#上述格式中,src是script標籤的屬性,用於指定外部腳本檔案的路徑。我們可以省略type屬性,可簡寫為:

怎麼引入JavaScript腳本文件

要注意的是,當呼叫外部JavaScript檔案時,外部的JavaScript檔案中可以直接書寫JavaScript腳本程式碼,不需要寫入引入標籤。

在實際開發中,當需要編寫大量、邏輯複雜的JavaScript程式碼時,建議使用引入js腳本檔案的形式使用JavaScript(外鍊式)。相較於嵌入式,外鍊式的優勢可總結為以下兩點:

1) 利於後期修改與維護

嵌入式會導致HTML與JavaScript程式碼混合在一起,不利用程式碼的修改與維護,外鍊式會將HTML、CSS、JavaScript三部分程式碼分開來,利於後期的修改與維護。

2) 減輕檔案體積、加快頁面載入速度

嵌入式會將使用的JavaScript程式碼全部嵌入到HTML頁面中,這就會增加HTML檔案的體積,影響網頁本身的載入速度,而外鍊式可以利用瀏覽器緩存,將需要多次使用的JavaScript腳本程式碼重複利用,既減輕了檔案的體積,也加快了頁面的載入速度。例如,在多個頁面中引入了相同的JavaScript檔案時,開啟第1個頁面後,瀏覽器就將JavaScript檔案快取下來,下次開啟其他引用該JavaScript檔案的頁面時,瀏覽器就不用重新載入JavaScript文件了。

【推薦學習:javascript進階教學

#

以上是怎麼引入JavaScript腳本文件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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