引入js的三种方法(引入js)

大家好,精选小编来为大家解答以上问题。引入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文件!');

本文到此结束,希望对大家有所帮助。

免责声明:本文由用户上传,如有侵权请联系本网删除!