异步加载script的代码

146 阅读 0 评论 97 点赞

我是靠谱客的博主机灵冰棍，最近开发中收集的这篇文章主要介绍异步加载script的代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

通过iframe 异步加载script
通过异步请求另一页面的script 是不执行的，只返回html 原文件，因为返回的文本没有经过浏览器的解析执行。
看代码
a1.html

复制代码代码如下:

 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>无标题页</title> 
</head> 
<script type="text/javascript"> 
function testClick() 
{ 
document.getElementById("tsrc").src="a2.html" 
} 
</script> 
<body> 
<div style="display:none"><iframe id="tsrc"></iframe></div> 
<input id="Button1" type="button" value="异步加载script" onclick="testClick()"/> 
</body> 
</html> 

a2.html

复制代码代码如下:

 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>无标题页</title> 
</head> 
<body> 
<script> 
alert('我是异步script'); 
</script> 
</body> 
</html> 