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覆盖