妙知谷js如何引入js文件
- 互聯網
- 關注：5.44K次
在前端頁面製作中，有時候我們需要觸發某個功能才會引入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文件！");
- 文章版權屬於文章作者所有，轉載請註明 https://miaozhigu.com/sm/hulianwang/o370l6.html
![搜狗輸入法最全攻略：[13]如何快速打字](https://i2.miaozhigu.com/4d3900d2/5c6055816e/073d06d43b973b2f/007f508d38da606944a15fdafc7cf44e8753-s.jpg "搜狗輸入法最全攻略：[13]如何快速打字")
