js如何动态的加载js文件

最新推荐文章于 2023-09-13 11:45:00 发布

我是大头鸟

最新推荐文章于 2023-09-13 11:45:00 发布

阅读量453

点赞数

文章标签：函数 javascript

本文链接：https://blog.csdn.net/datouniao1/article/details/52153450

版权

在这个地方我说的动态的加载js文件是通过调用函数来加载js文件，我们在这个地方通过一个简单的小例子来实现

首先创建3个文件分别为:test1.html,test1.js,demo.js

test1.js文件中的内容为:

function loadDemo()
{
    var iHead=document.getElementsByTagName("head").item(0);//这一步可以认为是获取到元素
    var iScript=document.createElement("script");
    iScript.type="text/javascript";
    iScript.src="demo.js";
    iHead.appendChild(iScript);
}

demo.js文件中的内容为:
function func()
{
    alert("demo");
}
test1.html文件中内容为:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="test.js"></script>
    <script>
        window.onload=function()
        {
            loadDemo();
        }
    </script>
</head>
<body>
<button οnclick="func()">点击我</button>
</body>
</html>
其实上面就是在html文件中动态的加载js文件的一个实现，我们加载demo.js文件并没有用到
 <script type="text/javascript" src="demo.js"></script>
而是调用函数loadDemo，实现对demo.js文件的加载

我是大头鸟

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js如何动态的加载js文件

在这个地方我说的动态的加载js文件是通过调用函数来加载js文件，我们在这个地方通过一个简单的小例子来实现首先创建3个文件分别为:test1.html,test1.js,demo.jstest1.js文件中的内容为:function loadDemo(){ var iHead=document.getElementsByTagName("head").item(0);//这
复制链接

扫一扫