javascript怎么动态引入js文件

答案:2 悬赏:40 手机版

解决时间 2021-01-26 07:36

提问者网友：做自己de王妃
2021-01-26 00:39

最佳答案

五星知识达人网友：一秋
2021-01-26 01:30

有三种方法可以实现，分别如下：
第一种、直接document.write：
<script language="javascript">
document.write("<script src='test.js'><\/script>");
</script>

第二种、动态改变已有script的src属性
<script src='' id="s1"></script>
<script language="javascript">
s1.src="test.js"
</script>

第三种、动态创建script元素：
<script>
var oHead = document.getElementsByTagName('HEAD').item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src="test.js";
oHead.appendChild( oScript);
</script>

注意：第三种方法使用时，请注意路径。

全部回答

1楼网友：怙棘
2021-01-26 03:01

这个简单，用 document.createElement('script')，创建一个script标签然后用 setAttribute()设置，src的属性为要导入js的文件路径然后获取<head>标签，再用appendChild()方法把创建的<script>标签插入<head>标签内的最后

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息