“document_write()”方法会覆盖页面的问题

document.write插入标签会覆盖页面的问题

document.write插入js标签会覆盖页面又两种情况：

1. 通过onclick() 点击事件触发执行document.write()，会使document.write()覆盖原来的页面。
2. 在window.onload里面执行document.write()，也会将原来的页面覆盖。

总的来说就是 在页面渲染结束后（即文档加载后）使用document.write。会覆盖整个文档。

说明：
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
点击事件也是页面渲染完毕后，鼠标点击才能执行。

w3school的官方说明：您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。

避免方法：

1. 在onload之前使用document.wriet()方法；
2. 避免在onclick()事件中使用，可用console 或 innerHTML 代替