大家好,精选小编来为大家解答以上问题。引入js的三种方法,引入js很多人还不知道,现在让我们一起来看看吧!
1、 创建一个包含js文件夹和html文件的文件夹。js文件夹用于存储需要导入的js文件。如图所示:
2、 打开html文件,在html文件中找到body,在body标签中创建一个button标签,然后在这个标签中添加一个addJs事件。画
3、 在Js文件夹下创建一个名为addJs.js的js文件。
4、 在addJs.js文件中输入一个警告弹出框并保存它。当引入js文件成功时,将执行警告弹出框。
5、 回到html文件,在按钮输入框后面创建一个脚本标记,然后添加用于引入addJs.js文件的addJs事件。在addJs事件中,执行以下步骤:
6、 1.使用document.createElement('script ')创建脚本节点;
7、 2.使用type设置类型;
8、 3.使用src设置引入js文件的路径;
9、 4.为新创建的节点设置存储位置。
10、 保存html文件后,使用浏览器打开它。单击该按钮可以看到一个弹出窗口,指示引入js文件成功。
11、 所有代码。所有代码都是html代码和js代码,把所有代码复制到新的就行了。
12、 以及html和js文件,保存运行后就可以看到效果了。
13、 Htm页l代码:
14、 !声明文档类型
15、 超文本标记语言
16、 头
17、 meta charset='UTF-8 '
18、 引入js文件/标题
19、 /头
20、 身体
21、 type=' button ' onclick=' addjs()' value=' click button '/
22、 脚本类型='文本/javascript '
23、 函数addJs(){
24、 var new script=document . createelement(' script ');
25、 new script . type=' text/JavaScript ';
26、 new script . src=' js/add js . js ';
27、 var head=document . getelementsbytagname(' head ')[0];
28、 head . appendchild(new script);
29、 }
30、 /脚本
31、 /body
32、 /html
33、 Js页面代码:
34、 Alert('恭喜你,你成功引入了js文件!');
本文到此结束,希望对大家有所帮助。
免责声明:本文由用户上传,如有侵权请联系本网删除!