异步加载script的代码

2019-12-24,,,

通过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>

您可能感兴趣的文章:

  • javascript 文件的同步加载与异步加载实现原理
  • Javascript 异步加载详解(浏览器在javascript的加载方式)
  • jquery zTree异步加载简单实例分享

《异步加载script的代码.doc》

下载本文的Word格式文档,以方便收藏与打印。