动态引入js文件的问题,js文件引入js文件
更新:<time datetime="2022-11-22 14:17">2022-11-22 14:17</time>
本文目录一览:
1、javascript怎么动态引入js文件
2、如何在js文件中动态加载另一个js文件?
3、如何在js中动态引入或加载js文件
<a id="javascript怎么动态引入js文件"></a>javascript怎么动态引入js文件
有三种方法可以实现,分别如下:
第一种、直接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>
注意:第三种方法使用时,请注意路径。
<a id="如何在js文件中动态加载另一个js文件?"></a>如何在js文件中动态加载另一个js文件?
1、直接document.write
<script language="javascript">
document.write("<script src='test.js'></script>");
</script>
2、动态改变已有script
的src
属性
<script src='' id="s1"></script>
<script language="javascript">
s1.src="test.js";
</script>
3、动态创建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>
其实原理就是利用DOM动态地引入一个JS到文件中来,就能和原有的JS通信了。
<a id="如何在js中动态引入或加载js文件"></a>如何在js中动态引入或加载js文件
JS文件最后加载有三种实现方法。
第一种方法:将JS文件放在代码最后,因为程序是从上往下执行,所以最后加载。这种方法最简单粗暴。
第二种方法:使用window.onload
事件。当一个文档完全下载到浏览器中时,才会触发window.onload
事件。这意味着...