码迷,mamicode.com
首页 > 其他好文 > 详细

document.write的覆盖问题

时间:2021-04-21 11:53:09      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:点击事件   避免   渲染   document   tail   http   问题   ons   doc   

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

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

通过onclick() 点击事件触发执行document.write(),会使document.write()覆盖原来的页面。
在window.onload里面执行document.write(),也会将原来的页面覆盖。
总的来说就是 在页面渲染结束后(即文档加载后)使用document.write。会覆盖整个文档。

说明:

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

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

避免方法:

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

原文链接:https://blog.csdn.net/qq_39913441/article/details/97145481

document.write的覆盖问题

标签:点击事件   避免   渲染   document   tail   http   问题   ons   doc   

原文地址:https://www.cnblogs.com/Listener-wy/p/14676116.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!