无闪烁更新网页内容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 函数式编程
Aug 16 Javascript
Javascript基础知识(一)核心基础语法与事件模型
Sep 29 Javascript
jQuery表格的维护和删除操作
Feb 03 Javascript
vuejs绑定class和style样式
Apr 11 Javascript
JS判断时间段的实现代码
Jun 14 Javascript
基于JavaScript实现图片连播和联级菜单实例代码
Jul 28 Javascript
微信小程序实现换肤功能
Mar 14 Javascript
React 使用browserHistory项目访问404问题解决
Jun 01 Javascript
Vue cli构建及项目打包以及出现的问题解决
Aug 27 Javascript
Jquery的autocomplete插件用法及参数讲解
Mar 12 jQuery
javascript局部自定义鼠标右键菜单
Dec 08 Javascript
JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法
Jan 29 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
php 保留小数点
2009/04/21 PHP
php中OR与|| AND与&amp;&amp;的区别总结
2013/10/26 PHP
PHP计算一年多少个星期和每周的开始和结束日期
2014/07/01 PHP
php动态生成版权所有信息的方法
2015/03/24 PHP
PHP传值到不同页面的三种常见方式及php和html之间传值问题
2015/11/19 PHP
PHP的mysqli_thread_id()函数讲解
2019/01/24 PHP
javascript 图片上一张下一张链接效果代码
2010/03/12 Javascript
jquery实现图片渐变切换兼容ie6/Chrome/Firefox
2013/08/02 Javascript
浅析JavaScript中的常用算法与函数
2013/11/21 Javascript
七个很有意思的PHP函数
2014/05/12 Javascript
Javascript基础知识(一)核心基础语法与事件模型
2014/09/29 Javascript
JavaScript里四舍五入函数round用法实例
2015/04/06 Javascript
JavaScript判断变量是否为数组的方法(Array)
2016/02/24 Javascript
JS传递对象数组为参数给后端,后端获取的实例代码
2016/06/28 Javascript
JavaScript实现的原生态兼容IE6可调可控滚动文字功能详解
2017/09/19 Javascript
Vue.js子组件向父组件通信的方法实例代码详解
2018/12/10 Javascript
详解vue 动态加载并注册组件且通过 render动态创建该组件
2019/05/30 Javascript
JS在Array数组中按指定位置删除或添加元素对象方法示例
2019/11/19 Javascript
使用webpack搭建vue环境的教程详解
2019/12/31 Javascript
在Echarts图中给坐标轴加一个标识线markLine
2020/07/20 Javascript
Vue自定义表单内容检查rules实例
2020/10/30 Javascript
python连接数据库的方法
2017/10/19 Python
python发送邮件脚本
2018/05/22 Python
python实现随机漫步算法
2018/08/27 Python
用python写测试数据文件过程解析
2019/09/25 Python
tensorflow之并行读入数据详解
2020/02/05 Python
使用keras实现Precise, Recall, F1-socre方式
2020/06/15 Python
一些关于python 装饰器的个人理解
2020/08/31 Python
CSS3 网页下拉菜单代码解释 中文翻译
2010/02/27 HTML / CSS
亚马逊西班牙购物网站:amazon西班牙
2017/03/06 全球购物
Lookfantastic香港官网:英国知名美妆购物网站
2018/06/19 全球购物
日语翻译个人求职的自我评价
2013/10/14 职场文书
信息系统专业个人求职信范文
2013/12/07 职场文书
小学优秀教育工作者事迹材料
2014/05/09 职场文书
深入理解python多线程编程
2021/04/18 Python
详解如何用Python实现感知器算法
2021/06/18 Python