无闪烁更新网页内容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读取ASP设定的COOKIE
Nov 24 Javascript
javascript 页面只自动刷新一次
Jul 10 Javascript
javascript tips提示框组件实现代码
Nov 19 Javascript
ie 7/8不支持trim的属性的解决方案
May 23 Javascript
js不能获取隐藏的div的宽度只能先显示后获取
Sep 04 Javascript
原生JS实现响应式瀑布流布局
Apr 02 Javascript
javascript实现网页中涉及的简易运动(改变宽高、透明度、位置)
Nov 29 Javascript
JavaScript面向对象程序设计教程
Mar 29 Javascript
javaScript中的原型解析【推荐】
May 05 Javascript
关于AngularJS中ng-repeat不更新视图的解决方法
Sep 30 Javascript
详解在React-Native中持久化redux数据
May 22 Javascript
layui table单元格事件修改值的方法
Sep 24 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
Terran兵种介绍
2020/03/14 星际争霸
MySQL GBK→UTF-8编码转换
2007/05/24 PHP
php获取mysql版本的几种方法小结
2008/03/25 PHP
防止本地用户用fsockopen DDOS攻击对策
2011/11/02 PHP
php数组(array)输出的三种形式详解
2013/06/05 PHP
php缓存技术详细总结
2013/08/07 PHP
php中AES加密解密的例子小结
2014/02/18 PHP
基于PHP实现短信验证码接口(容联运通讯)
2016/09/06 PHP
PHP实现上传图片到 zimg 服务器
2016/10/19 PHP
phpStudy配置多站点多域名方法及遇到的403错误解决方法
2017/10/19 PHP
PHP convert_cyr_string()函数讲解
2019/02/13 PHP
密码强度检测效果实现原理与代码
2013/01/04 Javascript
jQuery可见性过滤选择器用法示例
2016/09/09 Javascript
jQuery Form表单取值的方法
2017/01/11 Javascript
JavaScript数组去重的6个方法
2017/01/21 Javascript
微信小程序 数据遍历的实现
2017/04/05 Javascript
vue.js学习之vue-cli定制脚手架详解
2017/07/02 Javascript
VUE axios发送跨域请求需要注意的问题
2017/07/06 Javascript
微信小程序实现下载进度条的方法
2017/12/08 Javascript
layer插件select选中默认值的方法
2018/08/14 Javascript
vue中子组件传递数据给父组件的讲解
2019/01/27 Javascript
详解如何在Javascript和Sass之间共享变量
2019/11/13 Javascript
vue-socket.io跨域问题有效解决方法
2020/02/11 Javascript
Vue中用JSON实现刷新界面不影响倒计时
2020/10/26 Javascript
python的socket编程入门
2018/01/29 Python
python自动化生成IOS的图标
2018/11/13 Python
浅谈keras中loss与val_loss的关系
2020/06/22 Python
面向对象概念面试题(.NET)
2016/11/04 面试题
培训讲师邀请函
2014/01/10 职场文书
2014教师“四风问题”对照检查材料思想汇报
2014/09/16 职场文书
白酒代理协议书范本
2014/10/26 职场文书
党员作风建设整改方案
2014/10/27 职场文书
2014年图书馆个人工作总结
2014/12/18 职场文书
企业团队精神心得体会
2016/01/19 职场文书
Golang 切片(Slice)实现增删改查
2022/04/22 Golang
华为HarmonyOS3.0强在哪? 看看鸿蒙3.0这7个小功能
2023/01/09 数码科技