您的位置：首页 > Web前端 > JavaScript

js如何动态的加载js文件

2016-08-08 17:03 609 查看
在这个地方我说的动态的加载js文件是通过调用函数来加载js文件，我们在这个地方通过一个简单的小例子来实现首先创建3个文件分别为:test1.html,test1.js,demo.jstest1.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文件的加载

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                函数
                                                javascript
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航