js如何引入js文件

2024-10-16 08:56:30

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

js如何引入js文件js如何引入js文件

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

js如何引入js文件

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

js如何引入js文件

7、所有代码。所有代码分文html代码和js代码,只需把所有代码复制到新建的html和js文件上,保存后运行即可看到效果。htm页面l代码:<!D晦倘佳鳎OCTYPE html><html><head><meta charset="UTF-8"><title>引入js文件</title></head><body><input type="button" onclick="addJs()" value="点击按钮" /><script type="text/javascript">function addJs(){var newScript=document.createElement("script");newScript.type="text/javascript";newScript.src="js/addJs.js"; var head=document.getElementsByTagName("head")[0]; head.appendChild(newScript);}</script></body></html>js页面代码:alert("恭喜你,成功引入了js文件!");

猜你喜欢