JavaScript动态加载js文件

最新推荐文章于 2024-06-24 23:27:48 发布

转载最新推荐文章于 2024-06-24 23:27:48 发布 · 865 阅读

关于学习专栏收录该内容

19 篇文章

订阅专栏

本文演示了如何使用JavaScript动态加载外部js文件，并通过创建元素和调用onload事件来确保加载完成。

<html>  
<head>  
<title>JavaScript动态加载js文件</title>  
</head>      
<body>   
<div id='ad'></div>  
<mce:script type='text/javascript'><!--  
JSUtil = {  
import : function(jsurl){  
var adjs = document.createElement('script');  
adjs.setAttribute('type', 'text/javascript');  
adjs.setAttribute('src', jsurl);  
var addiv = document.getElementById('ad');  
addiv.appendChild(adjs);  
adjs.onload = function(){  
alert('动态js加载完成！') ;  
}  
}  
}  
var adurl = "jtest.js" ;  
JSUtil.import(adurl) ;  
// --></mce:script>  
<div onclick="fn()">点击执行动态加载的js脚本中的函数</div>  
</body>  
</html>