JavaScript动态加载js文件

cenguocheng

于 2012-11-20 10:42:27 发布

阅读量853

点赞数

分类专栏：关于学习

关于学习专栏收录该内容

19 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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 οnclick="fn()">点击执行动态加载的js脚本中的函数</div>  
</body>  
</html>