一个关于document.write()的问题

最新推荐文章于 2021-06-04 09:04:16 发布
最新推荐文章于 2021-06-04 09:04:16 发布
阅读量108 收藏
点赞数
文章标签： javascript php ViewUI
原文链接：http://www.cnblogs.com/yzjT-mac/p/6368642.html
版权 
Index.html中：
<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <title>This is a ajax test</title>
        <script type="text/javascript" src="js/jquery-3.1.1.js"></script>
        <script type="text/javascript" src="js/test_js.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                document.write(1);
            });
        </script>
    </head>

    <body>
        <p>this is a page!</p>
        <button>Click me</button>
    </body>

</html>

输出的结果为：

1

Click me

因为read是在文档加载结束后再调用的，它会覆盖掉前面的文档内容，因为前面的文档流已经close()了，再打开相当于创建一个文档流open()，重新创建了一个文档，理由可以参见http://www.softwhy.com/forum.php?mod=viewthread&tid=13582

 

一个神奇的问题出现了：

当我改成

 test_js.js中： function hide(){ document.write(1); } 

并且把最初的代码改成

  <script type="text/javascript"> $(document).ready(hide(); </script> 

结果变成

1

this is a page!

Click me

说明他并没有随着文档结束而加载，而是最先加载的这个hide函数，很奇怪的一点。

 

由于是刚学习Js,并不了解，先记录下来，以后再说明原因，各位朋友知道的也可以在下面留言，xiexie~

 

转载于:https://www.cnblogs.com/yzjT-mac/p/6368642.html

weixin_30550081
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
学习document.write()
wulong710的专栏
11-15 435
在header中写document.write，则是在各个控件载入前写入，不会覆盖掉以前的控件们。 <!DOCTYPE html> <html> <head> <title>测试2</title> <meta charset="utf-8"> <script type="text/javascript"> // header中写入 // setInterval(function
document.write()和innerHTML的区别
m0_46393069的博客
07-19 2573
document.write()和innerHTML是JavaScript的显示方式 1.inner HTML 对于inner HTML，w3c给出的解释是： inner HTML可以写入（改变）HTML元素内容 2.document.write（) 对于document.write（），w3c给出的解释是 两者都是对HTML页面进行输出，但大多数情况下优先考虑inner HTML。 两者有主要区别： inner HTML将内容写入某个DOM节点，document.write（）直接输出内容（页面加载时
document.write的问题
jlin991的博客
02-21 2967
简介将输出流写入到网页的能力就是document.write，还有open() close() writeln()。方法都是接受一个字符串参数，即要写入到输出流中的文本。wirte原样写入，writeln在字符串末尾添加换行符。页面被加载过程中，可以使用这两个方法向页面中动态添加内容。用法... <p> <script> document.write("<strong>"+(new Date()).
document.write 向文档中写内容，包括文本、脚本、元素之类的，但是它在什么时候执行不会覆盖当前页面内容尼？...
weixin_30340353的博客
09-09 346
当你打开一个页面，浏览器会 调用 document.open() 打开文档 document.write(...) 将下载到的网页内容写入文档 所有内容写完了，就调用 document.close() 触发 dom ready 事件（DOMContentReady) 所以你如果在第3步之前 document.write(1) 那么你就直接追加内容到当前位置，如果你在第3步之后 d...
异步加载js不能使用document.write
weixin_30265103的博客
08-05 1254
document已经加载解析完毕，文档流已经关闭了 所以你异步加载的js不可以再往document里写东西了，比如使用document.write 不过你可以用dom方法添加 .appendChild() .insertBefore() .innerHTML 解决方法：你可以把script加载放在body标签结束之前 例如： <script> var _...
异步请求javascript,document.write() 失效问题
hhy_huang的专栏
07-27 3932
a.php中异步请求b.php, 在b.php中引用了外部了js(http://www.google.com/test.js) , test.js中document.write(), 但发现直接运行b.php, test.js中的document.write()可以运行。但a.php异步请求b.php时，b.php中的document.write()不能运行。 google了一下，结果是异步请求
document.write()详解
qq_43383323的博客
10-19 1万+
原博客：https://blog.csdn.net/wei_ke_zhi/article/details/82153778 一、document.write()运行原理 首先我们先了解一下这条语句运行的原理： document.write()是Javascript中对document.open()所开启的文档流操作的API方法。 它能够直接砸文档流中写入字符串，一旦文档流已经关闭，那么 document.write()就会重新运用document.open()打开新的文档流并写入，此时原来的文档流会被清.
页面加载性能之禁用document.write
找到Web
07-30 1537
如果你在控制台看到了以下信息，那么这篇文章对你而言应该会有帮助: (index):34 A Parser-blocking, cross-origin script, https://paul.kinlan.me/ad-inject.js, is invoked via document.write(). This may be blocked by the browser if the device has poor network connectivity. 对于现在的web的开发者而言，docume
JS 中 document.write() 的用法和隐藏的坑
sdasadasds的博客
09-09 2478
相信很多初学JavaScript的小伙伴们都有用到document.write(), 它的基本作用：就是向文档中写入HTML表达式和JavaScript的代码。 基本语法： document.write(exp1,exp2,exp3,....); 支持输入多个字符串参数(其他类型会转为字符串格式输出); 用法还是相对比较简单，但是很多同学在使用的过程中，就会发现某些特定的情况下，使用document.write()向文档中写入内容时，document.write()中的内容会将文档中的原本内容给覆盖掉.
js循环写入html不覆盖,【JavaScript】使用document.write输出覆盖HTML问题
weixin_35651995的博客
06-04 1059
您只能在或琐过系读围就网元维时一钮加近者碎提列使 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆分浏代刚的学过互解久点维数数请曾房总题屏断果如以气。泉公一实切式时带近享览码开时会进。,后，护据一求相子结这盖整个文档。分析HTML输地开级还思层似未屏别。域一插式近址发应是出流是指当前数据形式是HTML格式的数据，这部分数据正在被导出、传输或显示，所以称为“分浏...
document.write is not allowed in a script tag(解决方案).md
最新发布
08-29
document.write is not allowed in a script tag(解决方案).md
document.write()的用法
limengyu_xmy的博客
09-04 1万+
一、定义和用法 文档节点的write()方法用于写入文档内容，可以传多个参数，写入的字符串会按HTML解析。 语法：document.write() 参数：字符串，可以传多个字符串参数 返回值：undefined   二、注意事项 如果document.write()在DOMContentLoaded或load事件的回调函数中，当文档加载完成，则会先清空文档（自动调用document.open()），再把参数写入body内容的开头。 在异步引入的js和DOMContentLoaded或load事件
document中的write用法
热门推荐
wei_ke_zhi的博客
08-28 3万+
一、document.write()运行原理      首先我们先了解一下这条语句运行的原理：              document.write()是Javascript中对document.open()所开启的文档流操作的API方法。              它能够直接砸文档流中写入字符串，一旦文档流已经关闭，那么 document.write()就会重新运用document.open...
document.write()用法
hellosnowyy
10-09 1万+
1.document.open()功能：打开一个新文档，即打开一个流，并擦除当前文档的内容。 语法：document.open(mimetype,replace) 参数： mimetype：可选。规定正在写的文档的类型。默认值是”text/html”。 replace：可选。当此参数设置后，可引起新文档从父文档继承历史条目。 注1：open()方法将擦除当前HTML文档的内容，开始一个新的
解决一次动态配置script标签的src而引起的异步加载js不允许document.write()方法
qq_42372534的博客
04-02 3492
需求：因为有多个html页面引用了同一个script标签（引入地图用的js），想将html里的script标签的src弄成可配置的，不写死src，可以在config.js里配置，方便上线可更换地图的src。 <script type="text/javascript" charset="UTF-8" src="http://129.28.155.253:8080/api/init.js?v=1.0&appSecret=1c27d0b6326d0a708d83e46a09e8
Citation `xxxxxon page 1 undefined LaTeX
weixin_40671425的博客
05-17 1万+
利用 VS code编译latex文档时，并采用bibtex引用参考文献，正文中参考文献全是[?] 原因： 没有采用latex ->bibtex->latex->latex四次编译顺利进行 解决办法 打开setting.json文件 修改编译方式 打开：file->preference->settings->打开setting.json文件 ...
使用document.write写一个两行三列的表格
09-25
好的，以下是使用document.write写一个两行三列的表格的代码： ``` document.write("<table border='1'>"); document.write("<tr>"); document.write("第一行第一列</td>"); document.write("第一行第二列</td>");...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值