无闪烁更新网页内容JS实现
更新时间：2013年12月19日 16:28:40 作者：
这篇文章主要介绍了无闪烁更新网页内容JS实现，有需要的朋友可以参考一下
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);
相关文章
允许网页宽度自动调整的"自适应网页设计"到底是怎么做到的？下面我们就来通过示例来探讨下。2015-06-06
swiper组件是滑块视图容器，主要用来做图片轮播。这篇文章主要给大家介绍了关于微信小程序轮播图swiper代码的相关资料,需要的朋友可以参考下2020-12-12
这篇文章主要为大家详细介绍了JavaScript中双向数据绑定，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
webpack是一种前端资源构建工具,一个静态模块打包器(module bundler),下面这篇文章主要给大家介绍了关于Webpack完整打包流程的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-12-12
这篇文章主要介绍了使用apifm-wxapi快速开发小程序过程详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-08-08
这篇文章主要为大家详细介绍了JavaScript中base64与file的转换的实现方法,文中的示例代码简洁易懂,感兴趣的小伙伴可以跟随小编一起学习一下2023-09-09
JavaScript Base64 作为文件上传的实例代码解析
这篇文章主要介绍了JavaScript Base64 作为文件上传的实例代码解析,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-02-02
这篇文章主要为大家详细介绍了js实现百度登录框鼠标拖拽效果的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
这篇文章主要介绍了详解小程序不同页面之间通讯的解决方案，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-11-11
这篇文章主要介绍了微信外唤起微信小程序的方法,结合实例形式详细分析了微信外唤起微信小程序的相关步骤、原理与操作注意事项,需要的朋友可以参考下2023-07-07
最新评论