在前端页面制作中，有时候我们需要触发某个功能才会引入js文件，那如何在触发功能时引入这个js文件呢？要引入js文件首先需要思路清晰，接下来会使用一个案例来讲解如何引入js如何js文件。
思路：
1.创建一个script的节点；
2.设置script的文件类型；
3.设置引入js文件的路径；
4.把新建的script放到页面上。

操作方法

• 01

  创建一个文件夹，这个文件夹有一个js文件夹和一个html文件。js文件夹用来存放需要引入的js文件。如图：

  
• 02

  打开html文件，在html文件上找到，在标签里创建一个按钮标签，然后给这个标签添加一个点击addJs事件。如图

  
• 03

  在js文件夹下创建一个js文件为addJs.js。

  
• 04

  在addJs.js文件上输入一个alert弹出框并保存，当引入js文件成功就会执行alert弹出框。

  
• 05

  回到html文件，在按钮输入框后面创建一个script标签，然后添加用来引入addJs.js文件的addJs事件。在addJs事件执行以下几个步骤：1.使用document.createElement("script")创建script节点；2.使用type设置类型；3.使用src设置引入js文件的路径；4.给新建的节点设置存放的位置。

  
• 06

  保存html文件后使用浏览器打开，点击按钮即可看到出现一个弹出，表示引入js文件成功。

  
• 07

  所有代码。所有代码分文html代码和js代码，只需把所有代码复制到新建的html和js文件上，保存后运行即可看到效果。htm页面l代码：js页面代码：alert("恭喜你，成功引入了js文件！");

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。