JavaScript异步加载,document.write页面空白问题如何解决?
侧边栏壁纸
  • 累计撰写 611 篇文章
  • 累计收到 0 条评论

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

加速器之家
2024-08-22 / 0 评论 / 3 阅读 / 正在检测是否收录...

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 = 'https://www.tpxhm.com/fdetail/feature.js';
head.appendChild(script);

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

0

评论

博主关闭了当前页面的评论