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