JavaScript异步加载,document.write页面空白问题如何解决?

浏览674

1、Dom元素加载是在文档流中执行的。当最后一行加载出来后。文档流就关闭了。document.close().

2、文档流关闭后,如果再去执行document.write()。因为document没有文档流了无法write.所以就会重新document.open()一个新的文档流。导致之前的页面内容被清空。

由此可知。在页面加载完毕后再次使用document.write()会导致页面空白。怎么办呢?

以下提供解决方法:

var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.src = 'feature.js';
head.appendChild(script);

例如,我们只想给那些满足一定条件的用户加载某个脚本,也就是经常提到的“懒加载”。


  • 暂无任何回答