无闪烁更新网页内容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 相关文章推荐
onpropertypchange
Jul 01 Javascript
[全兼容哦]--实用、简洁、炫酷的页面转入效果loing
May 07 Javascript
Add a Formatted Table to a Word Document
Jun 15 Javascript
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
Dec 27 Javascript
JS+CSS实现一个气泡提示框
Aug 18 Javascript
Javascript 函数parseInt()转换时出现bug问题
May 20 Javascript
jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法
Mar 25 Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
Sep 21 Javascript
使用jsonp实现跨域获取数据实例讲解
Dec 25 Javascript
《javascript少儿编程》location术语总结
May 27 Javascript
react MPA 多页配置详解
Oct 18 Javascript
TypeScript高级用法的知识点汇总
Dec 17 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中mysql_connect与mysql_pconncet的区别详解
2013/05/15 PHP
PHP stripos()函数及注意事项的分析
2013/06/08 PHP
php+mysql实现数据库随机重排实例
2014/10/17 PHP
php基于PDO实现功能强大的MYSQL封装类实例
2017/02/27 PHP
php array_reverse 以相反的顺序返回数组实例代码
2017/04/11 PHP
PHP7中I/O模型内核剖析详解
2019/04/14 PHP
Laravel 之url参数,获取路由参数的例子
2019/10/21 PHP
php 中self,this的区别和操作方法实例分析
2019/11/04 PHP
客户端脚本中常常出现的一些问题和调试技巧
2007/01/09 Javascript
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
2012/01/03 Javascript
jQuery中验证表单提交方式及序列化表单内容的实现
2014/01/06 Javascript
js利用数组length属性清空和截短数组的小例子
2014/01/15 Javascript
JS小游戏之象棋暗棋源码详解
2014/09/25 Javascript
浅析JavaScript中的事件机制
2015/06/04 Javascript
JavaScript、tab切换完整版(自动切换、鼠标移入停止、移开运行)
2016/01/05 Javascript
JavaScript常用正则函数用法示例
2017/01/23 Javascript
利用JavaScript如何查询某个值是否数组内
2017/07/30 Javascript
View.post() 不靠谱的地方你知道多少
2017/08/29 Javascript
利用node.js如何创建子进程详解
2017/12/09 Javascript
layui-select动态选中值的例子
2019/09/23 Javascript
vue在线动态切换主题色方案
2020/03/26 Javascript
使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序的处理方法
2020/05/14 Javascript
vue实现五子棋游戏
2020/05/28 Javascript
编程语言Python的发展史
2014/09/26 Python
Python中的面向对象编程详解(下)
2015/04/13 Python
详解Python实现按任意键继续/退出的功能
2016/08/19 Python
TENSORFLOW变量作用域(VARIABLE SCOPE)
2020/01/10 Python
使用python无账号无限制获取企查查信息的实例代码
2020/04/17 Python
Numpy中ndim、shape、dtype、astype的用法详解
2020/06/14 Python
python的json包位置及用法总结
2020/06/21 Python
python爬虫基础之urllib的使用
2020/12/31 Python
波兰最大的电商平台:Allegro.pl
2021/02/06 全球购物
2014植树节活动总结
2014/03/11 职场文书
党员教师个人对照检查材料范文
2014/09/25 职场文书
2014年终个人工作总结
2014/11/07 职场文书
财务年终工作总结大全
2019/06/20 职场文书