中国投资网 百科 js文件引入方式(js引入js文件不生效 方法失效)

js文件引入方式(js引入js文件不生效 方法失效)

在前端页面制作中,有时我们需要触发某个函数来引入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文件!' );

本文来自网络,不代表本站立场,转载请注明出处:https:

js文件引入方式(js引入js文件不生效,方法失效)

中国投资网后续将为您提供丰富、全面的关于js文件引入方式(js引入js文件不生效,方法失效)内容,让您第一时间了解到关于js文件引入方式(js引入js文件不生效,方法失效)的热门信息。小编将持续从百度新闻、搜狗百科、微博热搜、知乎热门问答以及部分合作站点渠道收集和补充完善信息。