无闪烁更新网页内容JS实现
无闪烁更新网页内容JS实现
发布时间:2016-12-30 来源:查字典编辑
摘要:todolist无闪烁更新网页的课题比较大。加载的html字符串(通过ajax获取的),如果还需要运行代码,那么肯定有问题。希望用一个不显示...

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教程学习
编程开发子分类