无闪烁更新网页内容JS实现_javascript技巧
程序员文章站
2022-04-30 16:58:48
...
todo list
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 = '';
var el = str2DOMElement(markup);
无闪烁更新网页的课题比较大。
加载的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 = '
text here
var el = str2DOMElement(markup);
下一篇: 前端与后端ajax交互方法总结(附代码)
推荐阅读
-
JS操作CSS随机改变网页背景实现思路_javascript技巧
-
JS/jQuery实现默认显示部分文字点击按钮显示全部内容_javascript技巧
-
js 实现打印网页中定义的部分内容的代码_javascript技巧
-
js 实现打印网页中定义的部分内容的代码_javascript技巧
-
js,jQuery 排序的实现代码,网页标签排序的实现,标签排序_javascript技巧
-
js简单实现让文本框内容逐个字的显示出来_javascript技巧
-
PHP 批量更新网页内容实现代码_php技巧
-
原生js实现给指定元素的后面追加内容_javascript技巧
-
js简单实现让文本框内容逐个字的显示出来_javascript技巧
-
js实现类似新浪微博首页内容渐显效果的方法_javascript技巧