JavaScript ；写入到HTML输出语法 注意：只能在HTML输出中使用，如果在文档已经加载后使用（比如在函数中）  会覆盖到整个文档 <!DOCTYPE html> <html> <body>

<p> JavaScript 能够直接写入 HTML 输出流中： </p>

<script> document.write("<h1>This is a heading</h1>");//P1 document.write("<p>This is a paragraph.</p>");//P2 </script>

<p> 您只能在 HTML 输出流中使用 <strong>document.write</strong>。 如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。 </p>

</body> </html>

刚学js看了这句话，一脸的懵逼 最后参考了网上的一些解析，加上实验很快明白了什么意思

解析前半句 您只能在HTML输出流中使用document.write

HTML输出流是什么？ HTML 输出流指的是当前数据形式是HTML格式的数据，这部分数据正被导出、传输或显示，所以称为”流“。

比如上面的P1和P2就是输出流的形式；

<!DOCTYPE html> <html> <body>

<p> JavaScript 能够直接写入 HTML 输出流中： </p> <button onclick="myFunction()">点击这里<\button> <script> document.write("<h1>This is a heading</h1>");//P1 document.write("<p>This is a paragraph.</p>");//P2 function myFunction(){

document.write("覆盖之前的和h1和p 及覆盖所有的文档");     } </script>

<p>

原因吧？ 以下引用其他网友 document.write是文件创建过程中创建内容

文档在创建过程中，如果遇到document.write就把内容加入到document中

当文档已经创建完成，及document已经关闭，此时在遇到document.write就会重写document 如果文档已完成加载后再执行document.write就会把整个html覆盖

您只能在 HTML 输出流中使用 document.write,啥意思的更多相关文章

  1. Javascript中只能在 HTML 输出流中使用 document.write,在文档已加载后使用它（比如在函数中），会覆盖整个文档。

    意思就是说,初次加载时如果没有加载document.write,那么再次加载的时候回覆盖掉原来的内容,只显示新加载的内容. <!DOCTYPE html> <html> < ...

  2. 您只能在 HTML 输出流中使用 document.write。如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。

    刚刚接触JS,看到这句话时一时没搞懂,想了终于有了一些眉目,意思就是在文档加载过后,如果我们用比方说按钮的方式重新加载文档,就会把文档都覆盖: 列如: <!DOCTYPE html> &l ...

  3. 您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档

    https://blog.csdn.net/qq_37425546/article/details/54868908

  4. JavaScript中的document.cookie的使用

    转:http://blog.csdn.net/liuyong0818/article/details/4807473 我们已经知道,在 document 对象中有一个 cookie 属性.但是 Coo ...

  5. jQUery中的$(document).ready()方法和window.onload()方法的区别

    1.常规的Javascript代码中,通常使用window.onload方法 window.onload = function(){//代码} 2.jquery中,则使用$(document).rea ...

  6. onload()方法只能在body标签中调用吗？怎么调用多个多个方法？

    第一个问题: onload()方法并非只能在body标签中调用的,还可以在js中用window.onload = function() {函数名};来调用:另外img等标签也支持onload方法. 支 ...

  7. [原]unity中WWW isDone方法只能在主线程中调用

    项目中要使用动态加载,原计划是生成WWW对象后,放到一个容器里.由一个独立线程轮询容器里的对象,如果www.isDone为true时,回调一个接口把结果交给请求方. new Thread( new T ...

  8. LinearLayout的gravity属性以及其子元素的layout_gravity何时有效；RelativeLayout如何调整其子元素位置只能用子元素中的属性来控制，用RelativeLayout中的gravity无法控制！！！

    LinearLayout的gravity属性以及其子元素的layout_gravity何时有效:RelativeLayout如何调整其子元素位置只能用子元素中的属性来控制,用RelativeLayou ...

  9. 此操作只能由 SQL Server 中拥有配置数据库读取权限的用户在已加入到某个服务器场的计算机上执行

    错误提示:此操作只能由 SQL Server 中拥有配置数据库读取权限的用户在已加入到某个服务器场的计算机上执行.若要将此服务器连接到服务器场,请使用 SharePoint 产品配置向导,该向导可从 ...

随机推荐

  1. 架构师养成记--35.redis集群搭建

    前记:redis哨兵经验之谈.哨兵做主从切换可能要花费一两秒,这一两秒可能会丢失很多数据.解决方法之一是在java代码中做控制,try catch 到 链接断开的异常就sleep 一两秒钟再conti ...

  2. C#-WebForm-AJAX阿贾克斯（一）基础知识

    AJAX 即“ Asynchronous Javascript And XML ”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJAX = 异步 JavaScri ...

  3. 2018-2019 20165226 Exp7 网络欺诈防范

    2018-2019 20165226 Exp7 网络欺诈防范 目录 一.实验内容说明及基础问题回答 二.实验过程 1.简单应用SET工具建立冒名网站 2.ettercap DNS spoof 3.结合 ...

  4. UITableView 头部效果/放大/移动跟随效果

    [self.tableView addObserver:self forKeyPath:@"contentOffset" options:NSKeyValueObservingOp ...

  5. 并发编程>>概念准备（一）

    工于其善,必先利器 1.并发和并行的区别 并行:同一时间点执行多个任务(CPU多核或多个CPU同时执行多个任务) 并发:同一时间段内行多个任务(单核同时执行多个任务) 2.同步和异步的区别 同步:执行 ...

  6. word中手动添加endnote的加载项

    用Endnote管理文献,在写作的同时插入引文,这对于写文章的朋友们来说太重要了.我今天遇到这个问题,花时间钻研了,觉得应该记录下来,相信也会方便大家.查了网上许多帖子依然不得解,可能是Word版本变 ...

  7. Django官网案例教程

    1.注意:python manage.py runserver 0:8000(侧任何IP均可访问)

  8. Vue项目开发目录结构

    最近做一些CI+Vue开发的简单项目,由于刚开始一直从事后端,对Vue了解不是很多,fork了团队的项目代码发现项目的文件夹很多,一时间有些懵,上网上参考了部分资料,博客园中的放晴的天空与狮子爱吃草两 ...

  9. 04-树5 Root of AVL Tree （25 分)

    An AVL tree is a self-balancing binary search tree. In an AVL tree, the heights of the two child sub ...

  10. FreeRTOS-07内核控制函数

    根据正点原子FreeRTOS视频整理 单片机:STM32F207VC FreeRTOS源码版本:v10.0.1 内核控制函数: