无闪烁更新网页内容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 相关文章推荐
input按钮的事件处理大全
Dec 10 Javascript
JS时间选择器 兼容IE6,7,8,9
Jun 26 Javascript
THREE.JS入门教程(5)你应当知道的十件事
Jan 24 Javascript
使用CSS样式position:fixed水平滚动的方法
Feb 19 Javascript
JS兼容浏览器的导出Excel(CSV)文件的方法
May 03 Javascript
JavaScript错误处理
Feb 03 Javascript
微信小程序开发之toast等弹框提示使用教程
Jun 08 Javascript
解决option标签selected=&quot;selected&quot;属性失效的问题
Nov 06 Javascript
如何根据业务封装自己的功能组件
Apr 19 Javascript
小程序识别身份证,银行卡,营业执照,驾照的实现
Nov 05 Javascript
详解为element-ui的Select和Cascader添加弹层底部操作按钮
Feb 07 Javascript
在Vue.js中使用TypeScript的方法
Mar 19 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的基本常识小结
2013/07/05 PHP
限制ckeditor上传图片文件大小的方法
2013/11/15 PHP
php面向对象中static静态属性与方法的内存位置分析
2015/02/08 PHP
PHP数组去重比较快的实现方式
2016/01/19 PHP
PHP连接MSSQL方法汇总
2016/02/05 PHP
详解thinkphp实现excel数据的导入导出(附完整案例)
2016/12/29 PHP
调试php程序的简单步骤
2019/10/04 PHP
JavaScript设计模式之外观模式介绍
2014/12/28 Javascript
自己封装的常用javascript函数分享
2015/01/07 Javascript
原生javascript实现图片按钮切换
2015/01/12 Javascript
js不间断滚动的简单实现
2016/06/03 Javascript
利用JS轻松实现获取表单数据
2016/12/06 Javascript
vue.js指令和组件详细介绍及实例
2017/04/06 Javascript
vue-cli 组件的导入与使用教程详解
2018/04/11 Javascript
vue input输入框模糊查询的示例代码
2018/05/22 Javascript
js中时间格式化的几种方法
2018/07/22 Javascript
vue 下列表侧滑操作实例代码详解
2018/07/24 Javascript
js中Generator函数的深入讲解
2019/04/07 Javascript
vue微信分享插件使用方法详解
2020/02/18 Javascript
python实现自动更换ip的方法
2015/05/05 Python
玩转python爬虫之URLError异常处理
2016/02/17 Python
利用Python循环(包括while&amp;for)各种打印九九乘法表的实例
2017/11/06 Python
Python编写Windows Service服务程序
2018/01/04 Python
使用Python3+PyQT5+Pyserial 实现简单的串口工具方法
2019/02/13 Python
python 实现GUI(图形用户界面)编程详解
2019/07/17 Python
Pycharm中出现ImportError:DLL load failed:找不到指定模块的解决方法
2019/09/17 Python
英国香水店:The Perfume Shop
2017/03/27 全球购物
联想新加坡官方网站:Lenovo Singapore
2017/10/24 全球购物
美国电子产品购物网站:BuyDig.com
2020/06/17 全球购物
工作交流会欢迎词
2014/01/12 职场文书
新员工欢迎词
2014/01/12 职场文书
英语国培研修感言
2014/02/13 职场文书
技校学生个人职业生涯规划范文
2014/03/03 职场文书
《狼和小羊》教学反思
2014/04/20 职场文书
2015年医院保卫科工作总结
2015/07/23 职场文书
Java Spring 控制反转(IOC)容器详解
2021/10/05 Java/Android