无闪烁更新网页内容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 简单应用示例总结
Aug 09 Javascript
JavaScript闭包实例详解
Jun 03 Javascript
js html css实现复选框全选与反选
Oct 09 Javascript
canvas绘制表盘时钟
Jan 23 Javascript
详解AngularJS ng-class样式切换
Jun 27 Javascript
layer.open 按钮的点击事件关闭方法
Aug 17 Javascript
菊花转动的jquery加载动画效果
Aug 19 jQuery
详解Js里的for…in和for…of的用法
Mar 28 Javascript
inquirer.js一个用户与命令行交互的工具详解
May 18 Javascript
教你搭建按需加载的Vue组件库(小结)
Jul 29 Javascript
微信小程序实现watch监听
Jun 04 Javascript
vue中activated的用法
Jan 03 Vue.js
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
PHP 和 MySQL 基础教程(三)
2006/10/09 PHP
第三节--定义一个类
2006/11/16 PHP
php MsSql server时遇到的中文编码问题
2009/06/11 PHP
php获得文件夹下所有文件的递归算法的简单实例
2016/11/01 PHP
Apply an AutoFormat to an Excel Spreadsheet
2007/06/12 Javascript
csdn 批量接受好友邀请
2009/02/19 Javascript
javascript 极速 隐藏/显示万行表格列只需 60毫秒
2009/03/28 Javascript
javascript 系统文件夹文件操作及参数介绍
2013/01/08 Javascript
jQuery控制cookie过期时间的方法
2015/04/07 Javascript
Jquery ajax基础教程
2015/11/20 Javascript
jquery validate表单验证的基本用法入门
2016/01/18 Javascript
JavaScript从0开始构思表情插件
2016/07/26 Javascript
js仿京东轮播效果 选项卡套选项卡使用
2017/01/12 Javascript
js+html获取系统当前时间
2017/11/10 Javascript
vue2.0 兄弟组件(平级)通讯的实现代码
2018/01/15 Javascript
JS运动特效之同时运动实现方法分析
2018/01/24 Javascript
JavaScript 性能提升之路(推荐)
2019/04/10 Javascript
VUE实现移动端列表筛选功能
2019/08/23 Javascript
微信小程序 搜索框组件代码实例
2019/09/06 Javascript
浅谈Python数据类型之间的转换
2016/06/08 Python
浅谈Python数据类型判断及列表脚本操作
2016/11/04 Python
python列表的增删改查实例代码
2018/01/30 Python
解决新版Pycharm中Matplotlib图像不在弹出独立的显示窗口问题
2019/01/15 Python
深入理解Django-Signals信号量
2019/02/19 Python
python GUI实现小球满屏乱跑效果
2019/05/09 Python
Python 类的魔法属性用法实例分析
2019/11/21 Python
Python常用库大全及简要说明
2020/01/17 Python
python生成大写32位uuid代码
2020/03/03 Python
python GUI库图形界面开发之PyQt5布局控件QGridLayout详细使用方法与实例
2020/03/06 Python
如何基于线程池提升request模块效率
2020/04/18 Python
快速了解Python开发环境Spyder
2020/06/29 Python
LTD Commodities:礼品,独特发现,家居装饰,家用器皿
2017/08/11 全球购物
购买英国原创艺术:Art Gallery
2018/08/25 全球购物
在校生汽车维修实习自我鉴定
2013/09/19 职场文书
个人剖析材料范文
2014/09/30 职场文书
起诉书范文
2015/05/20 职场文书