无闪烁更新网页内容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 相关文章推荐
alixixi runcode.asp的代码不错的应用
Aug 08 Javascript
JSON 入门指南 想了解json的朋友可以看下
Aug 26 Javascript
JS 实现双色表格实现代码
Nov 24 Javascript
js escape,unescape解决中文乱码问题的方法
May 26 Javascript
Jquery 实现表格颜色交替变化鼠标移过颜色变化实例
Aug 28 Javascript
Javascript写入txt和读取txt文件示例
Feb 12 Javascript
jquery制作多功能轮播图插件
Apr 02 Javascript
Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记
Jul 08 Javascript
浅谈jquery的html方法里包含特殊字符的处理
Nov 30 Javascript
CSS+jQuery实现简单的折叠菜单
Dec 20 Javascript
解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题
Aug 20 Javascript
微信小程序实现页面浮动导航
Jan 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
php 随机生成10位字符代码
2009/03/26 PHP
php中array_unshift()修改数组key注意事项分析
2016/05/16 PHP
Ubuntu中支持PHP5与PHP7双版本的简单实现
2018/08/19 PHP
通过 Dom 方法提高 innerHTML 性能
2008/03/26 Javascript
用js模拟JQuery的show与hide动画函数代码
2010/09/20 Javascript
js设置cookie过期及清除浏览器对应名称的cookie
2013/10/24 Javascript
页面按钮禁用与解除禁用的方法
2014/02/19 Javascript
JS回调函数的应用简单实例
2014/09/17 Javascript
jquery $.trim()去除字符串空格的实现方法【附图例】
2016/03/30 Javascript
jQuery Validate插件实现表单验证
2016/08/19 Javascript
jquery使用EasyUI Tree异步加载JSON数据(生成树)
2017/02/11 Javascript
js模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前
2017/04/27 Javascript
js canvas实现适用于移动端的百分比仪表盘dashboard
2017/07/18 Javascript
Angularjs上传文件组件flowjs功能
2017/08/07 Javascript
详解基于vue-router的动态权限控制实现方案
2017/09/28 Javascript
在vue中,v-for的索引index在html中的使用方法
2018/03/06 Javascript
JavaScript高级函数应用之分时函数实例分析
2018/08/03 Javascript
用Node写一条配置环境的指令
2019/11/14 Javascript
Vue+ElementUI使用vue-pdf实现预览功能
2019/11/26 Javascript
微信小程序云函数添加数据到数据库的方法
2020/03/04 Javascript
[01:00:04]DOTA2上海特级锦标赛B组小组赛#1 Alliance VS Spirit第二局
2016/02/26 DOTA
python3.3教程之模拟百度登陆代码分享
2014/01/16 Python
使用Python编写爬虫的基本模块及框架使用指南
2016/01/20 Python
Python文件操作之合并文本文件内容示例代码
2017/09/19 Python
Python数据结构与算法之常见的分配排序法示例【桶排序与基数排序】
2017/12/15 Python
Python查找不限层级Json数据中某个key或者value的路径方式
2020/02/27 Python
1688平价精选商城:阿里集团旗下,工厂出厂价格直销
2017/04/24 全球购物
表达自我的市场:Society6
2018/08/01 全球购物
大学优秀班集体申报材料
2014/05/23 职场文书
个人批评与自我批评范文
2014/10/17 职场文书
大明湖导游词
2015/02/03 职场文书
人力资源部岗位职责
2015/02/11 职场文书
学术会议领导致辞
2015/07/29 职场文书
关于教师节的广播稿
2015/08/19 职场文书
七年级作文之秋游
2019/10/21 职场文书
css 边框添加四个角的实现代码
2021/10/16 HTML / CSS