js如何引入js檔案

在前端頁面製作中，有時候我們需要觸發某個功能纔會引入js檔案，那如何在觸發功能時引入這個js檔案呢？要引入js檔案首先需要思路清晰，接下來會使用一個案例來講解如何引入js如何js檔案。
思路：
1.創建一個script的節點；
2.設定script的檔案類型；
3.設定引入js檔案的路徑；
4.把新建的script放到頁面上。

操作方法

（01）創建一個檔案夾，這個檔案夾有一個js檔案夾和一個html檔案。js檔案夾用來存放需要引入的js檔案。如圖：

（02）開啟html檔案，在html檔案上找到<body>，在<body>標籤裏創建一個按鈕標籤，然後給這個標籤添加一個點擊addJs事件。如圖

（03）在js檔案夾下創建一個js檔案爲。

（04）在檔案上輸入一個alert彈出框並儲存，當引入js檔案成功就會執行alert彈出框。

（05）回到html檔案，在按鈕輸入框後面創建一個script標籤，然後添加用來引入檔案的addJs事件。在addJs事件執行以下幾個步驟：1.使用teElement("script")創建script節點；2.使用type設定類型；3.使用src設定引入js檔案的路徑；4.給新建的節點設定存放的位置。

（06）儲存html檔案後使用瀏覽器開啟，點擊按鈕即可看到出現一個彈出，表示引入js檔案成功。

（07）所有代碼。所有代碼分文html代碼和js代碼，只需把所有代碼複製到新建的html和js檔案上，儲存後執行即可看到效果。htm頁面l代碼：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>引入js檔案</title></head><body><input type="button" onclick="addJs()" value="點擊按鈕" /><script type="text/javascript">function addJs(){var newScript=teElement("script");="text/javascript";="js/";var head=lementsByTagName("head")[0];ndChild(newScript);}</script></body></html>js頁面代碼：alert("恭喜你，成功引入了js檔案！");