异步加载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 相关文章推荐
一样的table?不一样的table(可编辑状态table)
Sep 19 Javascript
js精度溢出解决方案
Dec 02 Javascript
重构Javascript代码示例(重构前后对比)
Jan 23 Javascript
javascript和HTML5利用canvas构建猜牌游戏实现算法
Jul 17 Javascript
Jquery代码实现图片轮播效果(一)
Aug 12 Javascript
谈谈我对JavaScript中typeof和instanceof的深入理解
Dec 25 Javascript
Vue.js实现一个todo-list的上移下移删除功能
Jun 26 Javascript
使用JS中的Replace()方法遇到的问题小结
Oct 20 Javascript
react-redux中connect的装饰器用法@connect详解
Jan 13 Javascript
vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
Jan 25 Javascript
vue 全选与反选的实现方法(无Bug 新手看过来)
Feb 09 Javascript
js实现简单的秒表
Jan 16 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
全国FM电台频率大全 - 18 湖南省
2020/03/11 无线电
简单的移动设备检测PHP脚本代码
2011/02/19 PHP
探讨如何把session存入数据库
2013/06/07 PHP
PHP数据库操作之基于Mysqli的数据库操作类库
2014/04/19 PHP
PHP标准类(stdclass)用法示例
2016/09/28 PHP
PHP连接MySQL数据库操作代码实例解析
2020/07/11 PHP
让图片旋转任意角度及JQuery插件使用介绍
2013/03/20 Javascript
javascript阻止scroll事件多次执行的思路及实现
2013/11/08 Javascript
使用JS CSS去除IE链接虚线框的三种方法
2013/11/14 Javascript
Bootstrap轮播加上css3动画,炫酷到底!
2015/12/22 Javascript
JavaScript输出所选择起始与结束日期的方法
2017/07/12 Javascript
浅谈angular4生命周期钩子
2017/09/05 Javascript
element上传组件循环引用及简单时间倒计时的实现
2018/10/01 Javascript
Javascript的this详解
2019/03/23 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
2019/05/21 Javascript
easyUI使用分页过滤器对数据进行分页操作实例分析
2020/06/01 Javascript
python基础入门详解(文件输入/输出 内建类型 字典操作使用方法)
2013/12/08 Python
python类继承用法实例分析
2014/10/10 Python
Python的collections模块中namedtuple结构使用示例
2016/07/07 Python
基于Python代码编辑器的选用(详解)
2017/09/13 Python
Python实现提取XML内容并保存到Excel中的方法
2018/09/01 Python
Python 复平面绘图实例
2019/11/21 Python
django model object序列化实例
2020/03/13 Python
python实现密度聚类(模板代码+sklearn代码)
2020/04/27 Python
详解python中的lambda与sorted函数
2020/09/04 Python
纯CSS3实现Material Design效果
2017/03/09 HTML / CSS
Html5页面点击遮罩层背景关闭遮罩层
2020/11/30 HTML / CSS
Dyson加拿大官方网站:购买戴森吸尘器,风扇,冷热器及配件
2016/10/26 全球购物
皮尔·卡丹巴西官方商店:Pierre Cardin
2017/07/21 全球购物
美国家居装饰店:Pier 1
2019/09/04 全球购物
Linux机考试题
2015/07/17 面试题
Servlet都有哪些方法?主要作用是什么?
2014/03/04 面试题
名企HR怎样看待求职信
2014/02/23 职场文书
消防宣传口号
2014/06/16 职场文书
法定代表人免职证明
2015/06/24 职场文书
使用ORM新增数据在Mysql中的操作步骤
2021/07/26 MySQL