无闪烁更新网页内容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:ajax实现翻页无刷新功能代码
Aug 05 Javascript
js判断设备是否为PC并调整图片大小
Feb 12 Javascript
js的Prototype属性解释及常用方法
May 08 Javascript
jQuery使用元素属性attr赋值详解
Feb 27 Javascript
纯js实现重发验证码按钮倒数功能
Apr 21 Javascript
详解JavaScript中jQuery和Ajax以及JSONP的联合使用
Aug 13 Javascript
Node.js模块封装及使用方法
Mar 06 Javascript
jQuery Easyui datagrid/treegrid 清空数据
Jul 09 Javascript
AngularJS ng-repeat数组有重复值的解决方法
Oct 23 Javascript
webpack 从指定入口文件中提取公共文件的方法
Nov 13 Javascript
Vue源码学习之关于对Array的数据侦听实现
Apr 23 Javascript
解决layer.confirm快速点击会重复触发事件的问题
Sep 23 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
中国收音机工业发展史
2021/03/02 无线电
ob_start(),ob_start('ob_gzhandler')使用
2006/12/25 PHP
全局记录程序片段的运行时间 正确找到程序逻辑耗时多的断点
2011/01/06 PHP
PHP内置过滤器FILTER使用实例
2014/06/25 PHP
destoon实现调用热门关键字的方法
2014/07/15 PHP
详解php协程知识点
2018/09/21 PHP
Yii 框架使用Forms操作详解
2020/05/18 PHP
Prototype源码浅析 String部分(三)之HTML字符串处理
2012/01/15 Javascript
去掉gridPanel表头全选框的小例子
2013/07/18 Javascript
轻松创建nodejs服务器(10):处理POST请求
2014/12/18 NodeJs
分享2个jQuery插件--jquery.fileupload与artdialog
2014/12/26 Javascript
JS模拟键盘打字效果的方法
2015/08/05 Javascript
JS DOM实现鼠标滑动图片效果
2020/09/17 Javascript
拥有一个属于自己的javascript表单验证插件
2016/03/24 Javascript
jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法
2016/11/23 Javascript
超全面的javascript中变量命名规则
2017/02/09 Javascript
原生js实现选项卡功能
2017/03/08 Javascript
jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】
2017/03/23 jQuery
基于Vue.js实现tab滑块效果
2017/07/23 Javascript
利用yarn代替npm管理前端项目模块依赖的方法详解
2017/09/04 Javascript
Python实现提取文章摘要的方法
2015/04/21 Python
Python实现快速排序算法及去重的快速排序的简单示例
2016/06/26 Python
Python 搭建Web站点之Web服务器网关接口
2016/11/06 Python
Django中ORM表的创建和增删改查方法示例
2017/11/15 Python
python如何读写json数据
2018/03/21 Python
Python matplotlib 画图窗口显示到gui或者控制台的实例
2018/05/24 Python
Python使用os.listdir()和os.walk()获取文件路径与文件下所有目录的方法
2019/04/01 Python
python+selenium+chromedriver实现爬虫示例代码
2020/04/10 Python
python datetime时间格式的相互转换问题
2020/06/11 Python
HTML5 embed 标签使用方法介绍
2013/08/13 HTML / CSS
大学生职业生涯规划范文——找准自我,定位人生
2014/01/23 职场文书
小班开学寄语
2014/04/04 职场文书
本科毕业论文指导教师评语
2014/12/30 职场文书
社区六一儿童节活动总结
2015/02/11 职场文书
2015年管理人员工作总结
2015/05/13 职场文书
红色影片观后感
2015/06/18 职场文书