无闪烁更新网页内容JS实现
时间:2021-06-10 08:25:06|栏目:JavaScript代码|点击: 次
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中的作用域与作用域链
本文标题:无闪烁更新网页内容JS实现
本文地址:http://www.codeinn.net/misctech/139245.html






