无闪烁更新网页内容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 相关文章推荐
JavaScript replace(rgExp,fn)正则替换的用法
Mar 04 Javascript
JS 实现导航栏悬停效果
Sep 23 Javascript
浅谈jQuery中height与width
Jul 06 Javascript
基于jQuery倾斜打开侧边栏菜单特效代码
Sep 15 Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
Jul 10 Javascript
VUE开发一个图片轮播的组件示例代码
Mar 06 Javascript
基于Bootstrap框架实现图片切换
Mar 10 Javascript
JavaScript数据结构之单链表和循环链表
Nov 28 Javascript
vue项目中用cdn优化的方法
Jan 03 Javascript
JS数组求和的常用方法实例小结
Jan 07 Javascript
vue项目打包后提交到git上为什么没有dist这个文件的解决方法
Sep 16 Javascript
Openlayers测量距离与面积的实现方法
Sep 25 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
Linux下将excel数据导入到mssql数据库中的方法
2010/02/08 PHP
PHP实现加密的几种方式介绍
2015/02/22 PHP
php判断一个数组是否为有序的方法
2015/03/27 PHP
分享PHP函数实现数字与文字分页代码
2015/07/28 PHP
PHP分享图片的生成方法
2018/04/25 PHP
Laravel 验证码认证学习记录小结
2019/12/20 PHP
getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现
2010/02/26 Javascript
javascript中this做事件参数相关问题解答
2013/03/17 Javascript
在每个匹配元素的外部插入新元素的方法
2013/12/20 Javascript
javascript通过className来获取元素的简单示例代码
2014/01/10 Javascript
Javascript获取当前时间函数和时间操作小结
2014/10/01 Javascript
JavaScript实现select添加option
2015/07/03 Javascript
基于nodejs+express(4.x+)实现文件上传功能
2015/11/23 NodeJs
深入浅析JavaScript中的constructor
2016/04/19 Javascript
JavaScript数据类型转换的注意事项
2016/07/31 Javascript
详解Node.js如何开发命令行工具
2016/08/14 Javascript
JavaScript之事件委托实例(附原生js和jQuery代码)
2017/07/22 jQuery
vue中axios请求的封装实例代码
2019/03/23 Javascript
[52:36]VGJ.S vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python base64编码解码实例
2015/06/21 Python
matplotlib subplots 调整子图间矩的实例
2018/05/25 Python
python实现自动解数独小程序
2019/01/21 Python
Python基于当前时间批量创建文件
2020/05/07 Python
浅谈PyTorch中in-place operation的含义
2020/06/27 Python
Python如何定义有可选参数的元类
2020/07/31 Python
Python如何操作docker redis过程解析
2020/08/10 Python
python实现图片转字符画
2021/02/19 Python
几个解决兼容IE6\7\8不支持html5标签的几个方法
2013/01/07 HTML / CSS
互联网创业计划书的书写步骤
2014/01/28 职场文书
公司应聘自荐书
2014/06/14 职场文书
财务会计实训报告
2014/11/05 职场文书
财务人员岗位职责
2015/02/03 职场文书
伏羲庙导游词
2015/02/09 职场文书
2015年科研工作总结范文
2015/05/13 职场文书
OpenCV实现反阈值二值化
2021/11/17 Java/Android
mysql数据库如何转移到oracle
2022/12/24 MySQL