动态引入js文件的问题,js文件引入js文件

发布时间:2023-12-08

动态引入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>

第二种、动态改变已有scriptsrc属性:

<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、动态改变已有scriptsrc属性

<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事件。这意味着...