异步加载js文件

最新推荐文章于 2024-04-06 01:56:20 发布

weixin_30555753

最新推荐文章于 2024-04-06 01:56:20 发布

阅读量83

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xutongbao/p/9924912.html

版权

<!DOCTYPE html>      
<html lang="en">      
<head>      
    <meta charset="UTF-8">      
    <title>异步加载js文件</title>    
    <style type="text/css">
    </style>     
</head>      
<body>
	<div id='test'>1</div>
	<script type="text/javascript">
		function loadScript(url, callback) {
		   var script = document.createElement("script")
		   script.type = "text/javascript";
		   if (script.readyState) { //IE
		      script.onreadystatechange = function() {
		         if (script.readyState == "loaded" ||
		            script.readyState == "complete"){
		            script.onreadystatechange = null;
		            callback();
		         }
		      };
		   } else { //Others: Firefox, Safari, Chrome, and Opera
		      script.onload = function() {
		          callback();
		      };
		   }
		   script.src = url;
		   document.body.appendChild(script);
		}

		var callback = function() {
			console.log($('#test').html());  //1
		}

		loadScript('https://cdn.bootcss.com/jquery/3.2.1/jquery.js', callback);
	</script>
	<script type="text/javascript">
		$('#test').html(); //报错
	</script>
</body>      
</html>

转载于:https://www.cnblogs.com/xutongbao/p/9924912.html

weixin_30555753

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
异步加载js文件

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>异步加载js文件</title> <style type="tex...
复制链接

扫一扫