使用document.write()输出覆盖HTML问题

最新推荐文章于 2022-06-28 21:26:30 发布
最新推荐文章于 2022-06-28 21:26:30 发布
阅读量6.4k 收藏 3
点赞数
文章标签： javascript html

在W3School的JavaScript教程中有这样一个警告：

        请使用 document.write() 仅仅向文档输出写内容。

        如果在文档已完成加载后执行 document.write，整个 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>


所谓的HTML文档加载，其实HTML文档是自上而下的加载HTML表示的內容，当整個页面內容都加载完毕之后，再调用document.write()这方法(function)会将显示的页面内容都清除掉，相当于重新加载。下面这段代码没有调用function，所以没有问题。 

<html>
<head>
</head>
<body>
<p>文檔第一行</p>
<p>文檔第二行</p>
<script type="text/javascript">
//這是我原本所認为的文檔之後添加了js
document.write('會不會將前兩行文字清除呢？');
</script>
</body>
</html>

Jie__CU
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js循环写入html不覆盖,【JavaScript】使用document.write输出覆盖HTML问题
weixin_35651995的博客
06-04 1045
您只能在或琐过系读围就网元维时一钮加近者碎提列使 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆分浏代刚的学过互解久点维数数请曾房总题屏断果如以气。泉公一实切式时带近享览码开时会进。,后，护据一求相子结这盖整个文档。分析HTML输地开级还思层似未屏别。域一插式近址发应是出流是指当前数据形式是HTML格式的数据，这部分数据正在被导出、传输或显示，所以称为“分浏...
document.open() 与 [removed]()
01-21
document.open() 打开一个新的空白文档，在IE下，open有两个默认参数，相当于document.open(“text/html”,'””)，第二个参数只有一个值可选：replace，如果启用了该值，则新建的文档会覆盖当前页面的文档（相当于...
使用document.write输出覆盖HTML问题
weixin_33737134的博客
07-14 329
今天学习了javascript第一部分，关于使用document.write()写入HTML文档流。但在教程上看到一行提示：您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。这使我有些困惑，然后查了网上的各种说法，最后大概的总结一下。 所谓的HTML文档加载，其实HTML文档是自上而下的加载HTML表示的...
如果在文档已完成加载后执行 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...
文档已完成加载后执行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...
“document_write()”方法会覆盖页面的问题
小白的博客
07-24 6583
document.write插入标签会覆盖页面的问题 document.write插入js标签会覆盖页面又两种情况： 通过onclick() 点击事件触发执行document.write()，会使document.write()覆盖原来的页面。 在window.onload里面执行document.write()，也会将原来的页面覆盖。 总的来说就是 在页面渲染结束后（即文档加载后）使用doc...
[removed]()及其输出内容的样式、位置控制
12-10
为了解决这个问题，更推荐使用DOM操作来插入和修改元素，而不是依赖`document.write()`。例如，你可以创建一个元素，设置其样式，然后将其插入到文档的特定位置： ```javascript var element = document....
WEB开发 之 JavaScript 输出.docx
09-26
在页面加载期间使用`document.write()`可以将文本插入到HTML流中，如以下示例所示： ```html document.write("<p>My First JavaScript</p>"); ``` 但需要注意的是，如果在文档已经完全加载后调用`document....
浅谈[removed]()输出样式
09-03
然而，由于`document.write()`可能会覆盖已有的HTML内容，因此在现代Web开发中，更推荐使用DOM操作方法（如`innerHTML`或`createElement`）来插入和更新元素，以实现更可控和高效的页面更新。尽管如此，理解`...
2010html执行顺序.docx
11-26
`document.write()`函数会将输出插入到文档当前的位置，浏览器会在解析完`document.write()`内容后再继续解析剩余的HTML文档。这可以用来动态插入脚本，例如在`document.write`中写入`<script>`标签来加载外部JS文件...
如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖
weixin_30725315的博客
07-21 99
<!DOCTYPE html> <html> <body> <h1>My First Web Page</h1> <p>My First Paragraph.</p> <button onclick="myFunction()">点击这里</button> &lt...
【小白】javascript中的“文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖”
Z_pigeon的博客
09-09 6201
【小白】javascript中的“文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖”
您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。
sunyadong_的博客
08-31 1245
记得自己刚刚开始自学JavaScript时，遇到了这么句话!      您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。      起初我对这句话是不了解的，然后就百度，自己测试，找到了自己觉得应该对的答案！当时这句话是在w3school中看到的，这句话出现在两句代码的后面。 JavaScript 能够直接写入 HTML
2-1输出内容（document.write）
dada678的专栏
06-20 451
document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。 第一种:输出内容用“”括起，直接输出""号内的内容。 document.write("I love JavaScript！"); //内容用""括起来，""里的内容直接输出。 第二种:通过变量，输出内容 var mystr="hello worl
JavaScript入门——覆盖输出与对象基础示例
临渊
01-25 451
基本格式已省略，直接列出代码部分 1.基础js输出示例<body> <!-- 操作html元素 --> <p id="demo1">old js</p> <script> document.getElementById("demo1").innerHTML="new js"; </script> <!-- 写入文档输出 --> <script>
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...
JavaScript基础【笔记】
covenats的博客
06-28 365
万字JavaScript笔记
在文档加载后使用(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...
document.write将背景图片覆盖掉了
最新发布
06-08
使用 `document.write` 方法来输出 HTML，会将当前文档的内容覆盖掉。如果您在使用 `document.write` 方法时，将一个带有背景图片的元素写入到文档中，那么它将会覆盖掉当前文档的背景图片，导致背景图片消失。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值