如何在js文件中动态加载另一个js文件？

转载于 2012-05-14 15:15:32 发布 · 629 阅读

文章标签：

#javascript

.NET 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了三种在JavaScript中动态引入外部JS文件的方法：直接使用`document.write`、修改已有`script`元素的`src`属性、以及动态创建`script`元素。重点强调了路径配置的重要性，以确保文件能正确加载并与其他JS代码交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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通信了~