JS中方法document.write() 页面覆盖问题

最新推荐文章于 2022-11-04 20:26:30 发布
最新推荐文章于 2022-11-04 20:26:30 发布
阅读量491 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/holy-night/articles/5122860.html
版权

document.write()一般用于页面 onload 的时候。如果页面已经 onload 完了，也就是页面加载完成了，再调用docume.write()的话，那么，整个 HTML 页面将被覆盖

 

<html>
<head>
<title>form</title>
<head>
<body onload="alert('xxxx');document.write('onloadhtml');">
    <p>段落1</p>
    <script type="text/javascript">
        document.write("加载中html");
    </script>
</body>
<html>

所以下面代码结果为

先输出

段落1

加载中html

然后弹出对话框

最后onloadhtml 覆盖整个页面。

onloadhtml

 

转载于:https://www.cnblogs.com/holy-night/articles/5122860.html

weixin_34290000
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
web开发JS学习（二）关于document.write会覆盖文档流的理解
KSH_Wu的博客
11-09 2048
一开始在学习JS的时候看到说： 其实一开始并不是很理解这段话的意思，然后通过一些实例自己也改变了document.write的位置，发现结果还是会覆盖原文档流，下面通过实例看我的心路历程： My First Web Page My First Paragraph. 点击这里 function myFunction() { document.write("会覆盖原文档流吗
js怎么覆盖原有方法实现重写
12-12
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> [removed] function myblur () { alert("1、离开"); } function bindEvent(func){ myblur = func; } function myonclick() { bindEvent(function(){ alert("天啊!myblur方法被覆盖了！"); }); } [removed] </head> <body> <input type="text" onb
document.write覆盖问题
weixin_30915951的博客
07-02 184
1.不会覆盖页面： 　　如果仅仅是一句js语句：document.writeln('<span id=\'span1\'>嗯，你好</span>'); 　　ps:\'是转义字符，代表' 2.覆盖页面 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...
在文档加载后使用(document./ write),会覆盖整个文档
LPLIFE的博客
09-27 1576
标题看着有点奇怪,不是写错了,  直接写document.write不合法,搞半天,发不出来,一直提示"输入的信息错误,请重新提交", 233333,鬼知道哪里信息有误.最后试了发现标题的document.write  如下代码:  &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&g...
document writer方法覆盖问题
wuyuanhan的博客
03-17 426
在js中 只有2中情况会使document.writer()方法覆盖 body中的内容 1, 通过onclick点击事件，触发的document.writer()方法会覆盖原页面 2, 在 window.onload里执行 document.writer()也会覆盖原页面 说明：window.onload 是指文档加载完毕 才执行 点击事件也是页面渲染完毕之后 才能点击 官方说明：您只能在HTML...
js学习进阶-页面覆盖
11-17 207
页面覆盖以显示一条信息，照片或者常见的登录，广告， 实例： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS...
Javascript中document.referrer隐藏来源的方法
10-20
主要介绍了Javascript中document.referrer隐藏来源的方法，文中通过一个实例给大家介绍了实现的方法，有需要的朋友可以参考借鉴，下面来一起学习学习吧。
javascript中的document.open()方法使用介绍
10-26
document.open()方法打开一个新的文档并用[removed]()方法编写文档的内容，下面有个不错的示例，大家可以感受下
JavaScript中的document.referrer在各种浏览器测试结果
10-25
主要介绍了JavaScript中的document.referrer在各种浏览器测试结果,包括在多种情况下每个浏览器能否用document.referrer取到值,非常珍贵的测试结果,需要的朋友可以参考下
解决VUE中document.body.scrollTop为0的问题
10-18
今天小编就为大家分享一篇解决VUE中document.body.scrollTop为0的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
【JavaScript】使用document.write输出覆盖HTML问题
weixin_30692143的博客
07-17 301
您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。 分析 HTML输出流是指当前数据形式是HTML格式的数据，这部分数据正在被导出、传输或显示，所以称为“流”。 通俗的来说就是HTML文档的加载过程，如果遇到document.write就会把内容加入到文档中。例如： <!DOCTYPE html> <html> ...
document.write()重写问题
weixin_34318326的博客
08-22 227
　　document.write(); 可用于重写给某个元素追加内容;　　当document.write(); 用于JS文件中，会重写整个页面，解决这个问题有多种方法。　　重写原因：当onload的时候执行 ，文档流已经关闭 ，write会重新打开文档流，所以覆盖了。　　1.jquery追加。这是最简单的一种方法，直接用jquery的append等方法给元素追加内容。　　一、在元素内部/外部追加元...
document.write()和innerHTML的区别
weixin_42178670的博客
11-04 780
document.write()除非在文档解析完之后再执行会覆盖之前的内容，否则不会覆盖，innerHTML会直接覆盖原来内容。document.write()插入在执行该脚本元素的script标签位置，innerHTML插入在指定元素位置。document.write()是对象中的方法，innerHTML是element对象中的属性。document.write()可以多次调用，而innerHTML采用 += 拼接方式。4、是否会覆盖之前内容。
“document_write()”方法会覆盖页面的问题
小白的博客
07-24 6554
document.write插入标签会覆盖页面的问题 document.write插入js标签会覆盖页面又两种情况： 通过onclick() 点击事件触发执行document.write()，会使document.write()覆盖原来的页面。 在window.onload里面执行document.write()，也会将原来的页面覆盖。 总的来说就是 在页面渲染结束后（即文档加载后）使用doc...
document.write插入js标签会覆盖页面的问题
神百事的博客
12-18 3200
浏览器处理页面时首先打开输入流(open()), 开始渲染页面， 页面渲染结束后关闭流(close())。document.write()在页面加载完毕后（onload）执行， 会重新打开输入流(open())， 输入流被2次打开时， 就会清除之前的页面内容， 所以有的时候document.write()会覆盖页面内容， 有的时候会追加内容。所以页面只要在onlaod之前使用doucm
javascript document.write()覆盖原文档的问题
JXITC Studio 我的学习笔记
08-01 6404
有时候使用javascript 中的document.write()函数，会将原来的html全部清除，然后写上新内容，但有时候不会 于是这种情况什么时候会出现呢？我搜了下： http://www.blogjava.net/JAVA-HE/archive/200
document.write()覆盖页面
张晓颜的博客
12-07 1707
//代码1 window.onload=function() { document.write("被覆盖了！") } //代码2 /* function b(){ document.write("没有覆盖~~~"); } b();*/ 你qq好
document.write()覆盖原文档的原因详解
澪月
10-12 3751
1.会覆盖页面的情况<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="www.google.com" /> <title>蚂蚁部落</title> <script type="text/javascript">
绝不要使用在文档加载之后使用 document.write()。这会覆盖该文档
李耳的代码之路
11-16 6238
W3school-javascript第一部分，关于使用document.write()写入HTML文档流。教程后面有一行提示：您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。
js中document.write的用法
最新发布
03-16
`document.write` 是 JavaScript 中的一个方法，用于向 HTML 页面输出内容。它可以输出文本、HTML 代码或 JavaScript 表达式的结果。使用方法为 `document.write(string)`，其中 `string` 为要输出的内容。 注意： ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值