script标签动态引入js，并且加载执行

最新推荐文章于 2023-04-23 16:05:52 发布

jayson_hk

最新推荐文章于 2023-04-23 16:05:52 发布

阅读量1w

点赞数 3

分类专栏：前端

本文链接：https://blog.csdn.net/jayson_hk/article/details/86217660

版权

前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

先创建一个common.js文件在html文件中引入，设置好要动态引用的js路径

var url1 = "test1.js";
var url2 = "test2.js";

test1.js的内容为：

alert(1111111)

test2.js的内容为：

alert(2222222)

html head部分的引用如下：

	<script src="common.js"></script>

    <script type="text/javascript">
       var href = url1;
       var head= document.getElementsByTagName('head')[0];
       var script= document.createElement('script');
       script.type= 'text/javascript';
       script.src= href;
       head.appendChild(script);
    </script>

引入url运行html文件可以看到
alert(1111111)
修改为url2后可看到
alert(2222222)