无闪烁更新网页内容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 相关文章推荐
修改发贴的编辑功能
Mar 07 Javascript
BOOTSTRAP时间控件显示在模态框下面的bug修复
Feb 05 Javascript
详解JavaScript函数
Dec 01 Javascript
js实现简单的验证码
Dec 25 Javascript
纯JS代码实现一键分享功能
Apr 20 Javascript
微信小程序 require机制详解及实例代码
Dec 14 Javascript
react-native-tab-navigator组件的基本使用示例代码
Sep 07 Javascript
浅谈vue,angular,react数据双向绑定原理分析
Nov 28 Javascript
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
Mar 28 jQuery
CKEditor4配置与开发详细中文说明文档
Oct 08 Javascript
JavaScript多种滤镜算法实现代码实例
Dec 10 Javascript
node.js通过Sequelize 连接MySQL的方法
Dec 28 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
UCenter Home二次开发指南
2009/05/28 PHP
PHP高自定义性安全验证码代码
2011/11/27 PHP
php多层数组与对象的转换实例代码
2013/08/05 PHP
php查询mssql出现乱码的解决方法
2014/12/29 PHP
Laravel Memcached缓存驱动的配置与应用方法分析
2016/10/08 PHP
帮助避免错误的Javascript陷阱清单
2009/05/31 Javascript
使用jQuery的ajax功能实现的RSS Reader 代码
2009/09/03 Javascript
基于jQuery的动态表格插件
2011/03/28 Javascript
JS中获取数据库中的值的方法
2013/07/14 Javascript
jQuery鼠标事件汇总
2015/08/30 Javascript
JavaScript下的时间格式处理函数Date.prototype.format
2016/01/27 Javascript
vue分页组件table-pagebar使用实例解析
2020/11/15 Javascript
js仿支付宝多方框输入支付密码效果
2016/09/27 Javascript
js实现定时进度条完成后切换图片
2017/01/04 Javascript
jQuery实现的手风琴侧边菜单效果
2017/03/29 jQuery
ReactNative之键盘Keyboard的弹出与消失示例
2017/07/11 Javascript
JS 60秒后重新发送验证码的实例讲解
2017/07/26 Javascript
Kindeditor单独调用多图上传实例
2017/07/31 Javascript
javascript 面向对象实战思想分享
2017/09/07 Javascript
Angularjs 1.3 中的$parse实例代码
2017/09/14 Javascript
Vue项目中如何使用Axios封装http请求详解
2019/10/23 Javascript
python网页请求urllib2模块简单封装代码
2014/02/07 Python
python计算圆周长、面积、球体体积并画出圆
2014/04/08 Python
python中使用smtplib和email模块发送邮件实例
2014/04/22 Python
Python对小数进行除法运算的正确方法示例
2014/08/25 Python
python 用下标截取字符串的实例
2018/12/25 Python
Django项目中实现使用qq第三方登录功能
2019/08/13 Python
python利用递归方法实现求集合的幂集
2020/09/07 Python
移动web模拟客户端实现多方框输入密码效果【附代码】
2016/03/25 HTML / CSS
春节联欢晚会主持词
2014/03/24 职场文书
社区服务标语
2014/07/01 职场文书
2015年人事科工作总结
2015/04/28 职场文书
毕业赠语大全
2015/06/23 职场文书
80行代码写一个Webpack插件并发布到npm
2021/05/24 Javascript
vue3中provide && inject的使用
2021/07/01 Vue.js
【海涛七七解说】DCG第二周:DK VS 天禄
2022/04/01 DOTA