js如何动态的加载js文件

来源：互联网发布：java多线程设计模式编辑：程序博客网时间：2024/05/13 10:53

在这个地方我说的动态的加载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 onclick="func()">点击我</button></body></html>
其实上面就是在html文件中动态的加载js文件的一个实现，我们加载demo.js文件并没有用到
 <script type="text/javascript" src="demo.js"></script>
而是调用函数loadDemo，实现对demo.js文件的加载

0 0