实现无闪烁更新网页内容的JavaScript方法
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
本文介绍了一种使用JavaScript技术实现在网页上进行无闪烁内容更新的方法，提升了用户体验。
在处理Todo List的无闪烁更新网页问题时，直接加载通过Ajax获取的HTML字符串并运行其中的代码可能会引发一些问题。为了更优雅地解决这个问题，可以考虑使用一个不显示的iframe来承载这些内容。
最终解决方案如下：
```javascript
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();
// 将内容从iframe中提取出来并返回
return frame.contentDocument.documentElement;
};
```
这段代码创建了一个隐藏的`