无闪烁更新网页内容JS实现
2018-10-12 14:05
393 查看
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);
您可能感兴趣的文章:
相关文章推荐
- 无闪烁更新网页内容JS实现
- Clipboard.js 框架实现移动端浏览器实现网页内容复制
- JS操作DOM节点实现网页更新
- JS实现的网页背景闪电闪烁效果代码
- JS操作DOM节点实现网页更新
- JS实现复制网页内容自动加入版权内容代码和原文链接
- js 实现打印网页中定义的部分内容的代码
- js实现IE、谷歌浏览器打印网页内容
- JS实现超简洁网页title标题跑动闪烁提示效果代码
- 在js中利用ajax技术实现不刷新更新内容
- Clipboard.js : 移动端浏览器实现网页内容复制
- JS实现的网页背景闪电闪烁效果代码
- Clipboard.js : 移动端浏览器实现网页内容复制
- js实现网页标题栏闪烁提示效果实例分析
- JS实现的另类手风琴效果网页内容切换代码
- 【js】:js如何实现给网页某一地方显示指定内容
- 用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法
- js 实现 将网页内容 复制到剪切板上