无闪烁更新网页内容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使用prototype定义对象类型(转)[
Dec 22 Javascript
HTML node相关的一些资料整理
Jan 01 Javascript
js日历功能对象
Jan 12 Javascript
JS获取图片实际宽高及根据图片大小进行自适应
Aug 11 Javascript
基于Jquery+div+css实现弹出登录窗口(代码超简单)
Oct 27 Javascript
轻松实现javascript图片轮播特效
Jan 13 Javascript
express框架实现基于Websocket建立的简易聊天室
Aug 10 Javascript
vue使用axios时关于this的指向问题详解
Dec 22 Javascript
JS实现的缓冲运动效果示例
Apr 30 Javascript
微信小程序template模版的使用方法
Apr 13 Javascript
用Vue编写抽象组件的方法
May 06 Javascript
vue v-for 使用问题整理小结
Aug 04 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
关于file_get_contents返回为空或函数不可用的解决方案
2013/06/24 PHP
php获取字符串前几位的实例(substr返回字符串的子串用法)
2017/03/08 PHP
Laravel框架用户登陆身份验证实现方法详解
2017/09/14 PHP
PHP使用PDO、mysqli扩展实现与数据库交互操作详解
2019/07/20 PHP
js不是基础的基础
2006/12/24 Javascript
jQuery下通过replace字符串替换实现大小图片切换
2012/05/22 Javascript
js中对象的声明方式以及数组的一些用法示例
2013/12/11 Javascript
深入分析Javascript跨域问题
2015/04/17 Javascript
13个PHP函数超实用
2015/10/21 Javascript
使用snowfall.jquery.js实现爱心满屏飞的效果
2017/01/05 Javascript
微信小程序 本地图片按照屏幕尺寸处理
2017/08/04 Javascript
用js实现before和after伪类的样式修改的示例代码
2017/09/07 Javascript
seajs模块压缩问题与解决方法实例分析
2017/10/10 Javascript
快速了解vue-cli 3.0 新特性
2018/02/28 Javascript
Vue父子组件之间的通信实例详解
2018/09/28 Javascript
vue权限问题的完美解决方案
2019/05/08 Javascript
JavaScript定时器设置、使用与倒计时案例详解
2019/07/08 Javascript
element 中 el-menu 组件的无限极循环思路代码详解
2020/04/26 Javascript
[01:08:00]Fnatic vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python 调用VC++的动态链接库(DLL)
2008/09/06 Python
分析Python的Django框架的运行方式及处理流程
2015/04/08 Python
Python爬虫爬取一个网页上的图片地址实例代码
2018/01/16 Python
Python进阶:生成器 懒人版本的迭代器详解
2019/06/29 Python
python数据处理之如何选取csv文件中某几行的数据
2019/09/02 Python
python删除指定列或多列单个或多个内容实例
2020/06/28 Python
Python Selenium异常处理的实例分析
2021/02/28 Python
CSS3实现伪类hover离开时平滑过渡效果示例
2017/08/10 HTML / CSS
使用HTML5的表单验证的简单示例
2015/09/09 HTML / CSS
美国内衣品牌:Leonisa
2016/08/14 全球购物
Parfumdreams英国:香水和化妆品
2019/05/10 全球购物
医生进修自我鉴定
2014/01/19 职场文书
设备动力科岗位职责范本
2014/02/23 职场文书
安徽导游词
2015/02/12 职场文书
2015年社区精神文明工作总结
2015/05/26 职场文书
anaconda python3.8安装后降级
2021/06/11 Python
Python图片验证码降噪和8邻域降噪
2021/08/30 Python