javascript怎么动态引入js文件
答案:2 悬赏:40 手机版
解决时间 2021-01-26 07:36
- 提问者网友：做自己de王妃
- 2021-01-26 00:39
javascript怎么动态引入js文件
最佳答案
- 五星知识达人网友：一秋
- 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>
注意：第三种方法使用时，请注意路径。
第一种、直接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>标签内的最后
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯