异步加载script的代码


Posted in Javascript onJanuary 12, 2011

通过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 相关文章推荐
如何快速的呈现我们的网页的技巧整理
Jul 01 Javascript
javascript中的prototype属性实例分析说明
Aug 09 Javascript
原生Js与jquery的多组处理, 仅展开一个区块的折叠效果
Jan 09 Javascript
仿百度的关键词匹配搜索示例
Sep 25 Javascript
jquery定时滑出可最小化的底部提示层特效代码
Oct 02 Javascript
JavaScript中用getDate()方法返回指定日期的教程
Jun 09 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
Sep 02 Javascript
JavaScript知识点总结(六)之JavaScript判断变量数据类型
May 31 Javascript
Sortable.js拖拽排序使用方法解析
Nov 04 Javascript
基于 Bootstrap Datetimepicker 联动
Aug 03 Javascript
官方推荐react-navigation的具体使用详解
May 08 Javascript
Vue实现剪切板图片压缩功能
Feb 04 Javascript
数组方法解决JS字符串连接性能问题有争议
Jan 12 #Javascript
js对数字的格式化使用说明
Jan 12 #Javascript
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
Jan 12 #Javascript
克隆javascript对象的三个方法小结
Jan 12 #Javascript
JavaScript中两种链式调用实现代码
Jan 12 #Javascript
Chrome中JSON.parse的特殊实现
Jan 12 #Javascript
js中将字符串转换成json的三种方式
Jan 12 #Javascript
You might like
用PHP提取中英文词语以及数字的首字母的方法介绍
2013/04/23 PHP
PHP实现的统计数据功能详解
2016/12/06 PHP
yii2.0整合阿里云oss的示例代码
2017/09/19 PHP
PHP chunk_split()函数讲解
2019/02/12 PHP
laravel 数据迁移与 Eloquent ORM的实现方法
2019/04/12 PHP
ext读取两种结构的xml的代码
2008/11/05 Javascript
ExtJs3.0中Store添加 baseParams 的Bug
2010/03/10 Javascript
JS图片无缝滚动(简单利于使用)
2013/06/17 Javascript
js获得参数的getParameter使用示例
2014/02/26 Javascript
addEventListener 的用法示例介绍
2014/05/07 Javascript
郁闷!ionic中获取ng-model绑定的值为undefined如何解决
2016/08/27 Javascript
js 转json格式的字符串为对象或数组(前后台)的方法
2016/11/02 Javascript
利用ES6语法重构React组件详解
2017/03/02 Javascript
nodejs操作mysql实现增删改查的实例
2017/05/28 NodeJs
关于Promise 异步编程的实例讲解
2017/09/01 Javascript
详谈commonjs模块与es6模块的区别
2017/10/18 Javascript
p5.js入门教程之平滑过渡(Easing)
2018/03/16 Javascript
vue-infinite-loading2.0 中文文档详解
2018/04/08 Javascript
vue之将echart封装为组件
2018/06/02 Javascript
Vue CLI3.0中使用jQuery和Bootstrap的方法
2019/02/28 jQuery
vue+element创建动态的form表单及动态生成表格的行和列
2019/05/20 Javascript
node+multer实现图片上传的示例代码
2020/02/18 Javascript
Python反射用法实例简析
2017/12/22 Python
python实现Zabbix-API监控
2018/09/17 Python
Python使用pandas对数据进行差分运算的方法
2018/12/22 Python
python:目标检测模型预测准确度计算方式(基于IoU)
2020/01/18 Python
纯CSS绘制漂亮的圆形图案效果
2014/05/07 HTML / CSS
精美的手工家居和生活用品:Nkuku
2019/11/01 全球购物
购买正版游戏和游戏激活码:Green Man Gaming
2019/11/06 全球购物
父亲追悼会答谢词
2014/01/17 职场文书
银行爱岗敬业演讲稿
2014/05/05 职场文书
学校安全生产月活动总结
2014/07/05 职场文书
2014小学语文教师个人工作总结
2014/12/03 职场文书
2014年教务工作总结
2014/12/03 职场文书
巾帼文明岗事迹材料
2014/12/24 职场文书
OpenCV-Python实现图像平滑处理操作
2021/06/08 Python