无闪烁更新网页内容JS实现


Posted in Javascript onDecember 19, 2013

todo list

无闪烁更新网页的课题比较大。

加载的html字符串(通过ajax获取的),如果还需要运行代码,那么肯定有问题。

希望用一个不显示的iframe来承载这个对象。这有点dirty work的感觉。

最终解决方案是

var str2DOMElement = function(html) {
    var frame = document.createElement('iframe');
    frame.style.display = 'none';
    document.body.appendChild(frame);
    frame.contentDocument.open();
    frame.contentDocument.write(html);
    frame.contentDocument.close();
    var el = frame.contentDocument.body.firstChild;
    document.body.removeChild(frame);
    return el;
    }
    var markup = '<div><p>text here</p></div>';
    var el = str2DOMElement(markup);
Javascript 相关文章推荐
jquery实现在页面加载完毕后获取图片高度或宽度
Jun 16 Javascript
JavaScript阻止事件冒泡示例分享
Dec 28 Javascript
jQuery中innerWidth()方法用法实例
Jan 19 Javascript
Javascript非构造函数的继承
Apr 27 Javascript
Node.js编程中客户端Session的使用详解
Jun 23 Javascript
怎么通过onclick事件获取js函数返回值(代码少)
Jul 28 Javascript
分享javascript计算时间差的示例代码
Mar 19 Javascript
ionic中列表项增加和删除的实现方法
Jan 22 Javascript
详解组件库的webpack构建速度优化
Jun 18 Javascript
使用electron将vue-cli项目打包成exe的方法
Sep 29 Javascript
JS判断两个数组或对象是否相同的方法示例
Feb 28 Javascript
javascript实现前端分页效果
Jun 24 Javascript
javascript中字符串的定义示例代码
Dec 19 #Javascript
javascript中typeof的使用示例
Dec 19 #Javascript
javascript中普通函数的使用介绍
Dec 19 #Javascript
javascript中全局对象的isNaN()方法使用介绍
Dec 19 #Javascript
javascript中全局对象的parseInt()方法使用介绍
Dec 19 #Javascript
jQuery中ajax的使用与缓存问题的解决方法
Dec 19 #Javascript
解析jquery中的ajax缓存问题
Dec 19 #Javascript
You might like
一个简单计数器的源代码
2006/10/09 PHP
php 之 没有mysql支持时的替代方案
2006/10/09 PHP
phpmyadmin安装时提示:Warning: require_once(./libraries/common.inc.php)错误解决办法
2011/08/18 PHP
PHP常用设计模式之委托设计模式
2016/02/13 PHP
PHP封装的完整分页类示例
2018/08/21 PHP
PHP 枚举类型的管理与设计知识点总结
2020/02/13 PHP
Javascript基础教程之数据类型转换
2015/01/18 Javascript
JavaScript中iframe实现局部刷新的几种方法汇总
2016/01/06 Javascript
Angular.js中ng-include用法及多标签页面的实现方式详解
2017/05/07 Javascript
vuex中使用对象展开运算符的示例
2017/09/25 Javascript
AngularJS实现的获取焦点及失去焦点时的表单验证功能示例
2017/10/25 Javascript
微信小程序的开发范式BeautyWe.js入门详解
2019/07/10 Javascript
JavaScript对象原型链原理详解
2020/02/05 Javascript
Vue中通过vue-router实现命名视图的问题
2020/04/23 Javascript
[49:05]OG vs Newbee 2019DOTA2国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
详解Python中for循环的使用
2015/04/14 Python
python爬虫爬取某站上海租房图片
2018/02/04 Python
Python基础教程之内置函数locals()和globals()用法分析
2018/03/16 Python
解决pycharm每次新建项目都要重新安装一些第三方库的问题
2019/01/17 Python
使用selenium和pyquery爬取京东商品列表过程解析
2019/08/15 Python
Python 生成器,迭代,yield关键字,send()传参给yield语句操作示例
2019/10/12 Python
Python使用多进程运行含有任意个参数的函数
2020/05/02 Python
python判断是空的实例分享
2020/07/06 Python
python3 使用ssh隧道连接mysql的操作
2020/12/05 Python
MATCHESFASHION.COM法国官网:英国奢侈品零售商
2018/01/04 全球购物
Lookfantastic澳大利亚官网:英国知名美妆购物网站
2021/01/07 全球购物
中文专业学生自我评价范文
2014/02/06 职场文书
会计专业自我鉴定
2014/02/10 职场文书
国家励志奖学金个人先进事迹材料
2014/05/04 职场文书
办公室文员工作自我鉴定
2014/09/19 职场文书
乡镇群众路线教育实践活动整改措施
2014/10/04 职场文书
2014年实习班主任工作总结
2014/11/08 职场文书
2014年机关党委工作总结
2014/12/11 职场文书
仰望星空观后感
2015/06/10 职场文书
Python移位密码、仿射变换解密实例代码
2021/06/27 Python
mysql通过group by分组取最大时间对应数据的两种有效方法
2022/09/23 MySQL