如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖

最新推荐文章于 2022-06-28 21:26:30 发布
最新推荐文章于 2022-06-28 21:26:30 发布
阅读量99 收藏
点赞数
原文链接：http://www.cnblogs.com/geekliu/p/4664848.html
版权 
<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<p>My First Paragraph.</p>

<button οnclick="myFunction()">点击这里</button>

<script>
function myFunction()
{
document.write("糟糕！文档消失了。");
}
</script>

</body>
</html>

转载于:https://www.cnblogs.com/geekliu/p/4664848.html

weixin_30725315
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Javascript代码在页面加载时的执行顺序介绍
12-09
需要注意的是，`document.write()`在文档加载完成后使用可能引发问题，因为它可能会覆盖已有的DOM结构。 关于`document.write()`的示例中，不同浏览器的行为差异主要在于对异步加载脚本的处理。Firefox和Opera倾向...
在服务端(Page.Write)调用自定义的JS方法详解
12-03
2. **等待页面加载完成后再执行自定义方法**：这是更可行的方案，可以通过监听`window.onload`事件来确保在执行自定义方法前，整个页面（包括所有外部资源）已完全加载。 为了实现这个策略，可以创建一个名为`...
【小白】javascript中的“文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖”
Z_pigeon的博客
09-09 6201
【小白】javascript中的“文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖”
使用document.write()输出覆盖HTML问题
Jie__CU的博客
07-09 6421
在W3School的JavaScript教程中有这样一个警告：         请使用 document.write() 仅仅向文档输出写内容。         如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖： 示例代码是这样的： My First Web Page My First Paragraph. 点击
如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖
weixin_33697898的博客
06-01 178
个人理解是当触发某个包含document.write()的事件，HTML页面中body中的元素会消失，显示document.write()里面的内容。如下面的代码： 1 <p>我的第一个段落</p> 2 <button onclick="changeP()">点击<button> 3 function changeP(){ 4 d...
w3 html网页元素,w3school学习 - javascript入门
weixin_33239386的博客
06-28 586
在浏览一下客户端代码时，经常会遇到javascript脚本，系统的学习一下对以后更深入了解客户端很有好处。1. 应用场景改进设计验证表单检测浏览器创建cookies等2. 入门实例这里的document是 js中的 的html DOM对象http://www.w3school.com.cn/jsref/dom_obj_document.asp1. 改变html内容document.write("T...
文档已完成加载后执行document write整个 HTML 页面将被覆盖
觅_的博客
08-01 2988
看js文档输出时这样警告: "请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖" 始终不明白是什么意思    整个ＨＴＭＬ页面将被覆盖是什么意思； &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;body&gt; &lt;h1&gt;我的第一张网页&lt;/h1...
2010html执行顺序.docx
11-26
`document.write()`函数会将输出插入到文档当前的位置，浏览器会在解析完`document.write()`内容后再继续解析剩余的HTML文档。这可以用来动态插入脚本，例如在`document.write`中写入`<script>`标签来加载外部JS文件...
JavaScript 的性能优化：加载和执行.docx
11-26
1. **延迟加载**：使用`defer`属性（仅适用于非异步脚本），可以指示浏览器在文档解析完成后，但在`DOMContentLoaded`事件触发之前执行脚本，这样不会阻塞页面渲染。 2. **异步加载**：通过`async`属性，脚本可以...
2010html执行顺序.pdf
11-26
下载完成后，JavaScript代码会被解析并执行，这会导致页面其余部分的下载暂停，直到脚本执行完毕。如果脚本中包含对DOM的修改，这些修改会影响到已渲染的部分，甚至可能重新渲染整个页面。例如，如果JavaScript改变...
JavaScript基础【笔记】
covenats的博客
06-28 365
万字JavaScript笔记
document.write在文档加载后的使用
goodgirl1991的专栏
01-13 2631
在学习document.write函数时，见到了这样一句话：“您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。” 于是问题来了 怎样的情况算是文档加载后？ 查阅资料后说，比如你将document.write写在一个函数中，这时，就是在文档加载后使用了该方法，会导致文档上所有内容被清空，只留下document.write中的内容。
在文档加载后使用(document./ write),会覆盖整个文档
LPLIFE的博客
09-27 1591
标题看着有点奇怪,不是写错了,  直接写document.write不合法,搞半天,发不出来,一直提示"输入的信息错误,请重新提交", 233333,鬼知道哪里信息有误.最后试了发现标题的document.write  如下代码:  &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&g...
“您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。”
说文科技，做有态度的研究。
07-25 7798
提示：您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。 今天开始在学JavaScript时，发现上述的这么一句话，并且W3cshool上给的代码如下： JavaScript 能够直接写入 HTML 输出流中： document.write("This is a heading"); do
磁力链磁力链磁力链.txt
最新发布
07-22
磁力链
“人力资源+大数据+薪酬报告+涨薪调薪”
07-22
人力资源+大数据+薪酬报告+涨薪调薪，在学习、工作生活中，越来越多的事务都会使用到报告，通常情况下，报告的内容含量大、篇幅较长。那么什么样的薪酬报告才是有效的呢？以下是小编精心整理的调薪申请报告，欢迎大家分享。相信老板看到这样的报告，一定会考虑涨薪的哦。
安装graphviz和pygraphviz
07-22
pygraphviz 是一个Python库，它是Graphviz图形可视化软件的Python接口。Graphviz是一个开源的图形可视化软件，广泛用于创建和编辑有向图和无向图。pygraphviz使得Python开发者能够轻松地创建和操作图形，以及执行图形的布局和可视化。 一、pygraphviz的主要功能 创建和编辑图形：pygraphviz允许开发者通过Python代码来创建图形，包括添加节点、边等元素，并且可以编辑这些元素的属性，如颜色、形状、标签等。 图形布局：pygraphviz支持多种图形布局算法，如dot、neato、circo等，开发者可以根据需要选择合适的算法来优化图形的布局。 图形可视化：pygraphviz可以将创建和编辑好的图形保存为图片文件，支持多种图片格式，如PNG、JPEG等，方便开发者进行展示和分享。
BrainF**k Devlopment Toolkit
07-22
BrainF**k Devlopment Toolkit(BFDTK)，可用于开发BrainF**k程序。
document.write将背景图片覆盖掉了
06-08
使用 `document.write` 方法来输出 HTML，会将当前文档的内容覆盖掉。如果您在使用 `document.write` 方法时，将一个带有背景图片的元素写入到文档中，那么它将会覆盖掉当前文档的背景图片，导致背景图片消失。 为了解决这个问题，您可以使用 DOM 操作来添加元素和内容，而不是使用 `document.write`。例如，您可以使用以下代码来创建一个带有背景图片的 `div` 元素： ``` // 创建一个 div 元素 var myDiv = document.createElement("div"); // 设置 div 元素的样式 myDiv.style.backgroundImage = "url('my-image.jpg')"; myDiv.style.width = "100%"; myDiv.style.height = "500px"; // 将 div 元素添加到文档中 document.body.appendChild(myDiv); ``` 在这个例子中，我们使用 `document.createElement` 方法创建了一个 `div` 元素，并使用 `style` 属性来设置它的样式，包括背景图片、宽度和高度。最后，我们使用 `appendChild` 方法将这个 `div` 元素添加到文档的 `body` 元素中。这样就可以在不覆盖当前文档的背景图片的情况下，添加一个带有背景图片的元素。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值