在前端页面制作中,有时我们需要触发某个函数来引入js文件。那么我们如何在触发一个函数的时候引入这个js文件呢?介绍js文件,首先需要想清楚。接下来我们用一个案例来说明如何介绍js文件。思路:1。创建脚本的节点;2.设置脚本的文件类型;3.设置引入js文件的路径;4.将新创建的脚本放到页面上。
创建一个包含js文件夹和html文件的文件夹。js文件夹用于存储需要导入的js文件。如图所示:
打开html文件,在html文件中找到body,在body标签中创建一个button标签,然后在这个标签中添加一个addJs事件。画
在Js文件夹下创建一个名为addJs.js的js文件。
在addJs.js文件上输入一个警告弹出框并保存它。js文件导入成功后,会执行预警弹出框。
回到html文件,在按钮输入框后面创建一个脚本标记,然后添加用于引入addJs.js文件的addJs事件。在addJs事件中执行以下步骤:1 .使用document.createElement('script ')创建脚本节点;2.使用type设置类型;3.使用src设置引入js文件的路径;4.为新创建的节点设置存储位置。
保存html文件后,使用浏览器打开它。点击按钮可以看到一个弹出窗口,提示js文件导入成功。
所有代码。所有代码都是html代码和js代码。只需将所有代码复制到新创建的html和js文件中,保存并运行即可看到效果。Htm页l代码:typehtmlhtmlheadmethacharset=' UTF-8 ' Title介绍js文件/Title/headbydyinputtype=' button ' onclick=' addjs()' value=' click button '/script type=' text/JavaScript ' function addjs(){ varnewScript=document . createelement(' script ');new script . type=' text/JavaScript ';new script . src=' js/add js . js ';var head=document . getelementsbytagname(' head ')[0];head . appendchild(new script);}/script/body/htmljs页面代码:alert('恭喜您成功引入js文件!' );