学习笔记—document write( )语法、功能、以及需要注意的‘坑’

　

document.write

语法：

document.write(exp1,exp2,exp3,....)

参数解析：

（1）.expN：可以是一个或者多个参数，如果是多个参数，那么按照顺序写入文档。(如果写入多个参数的话，这些参数会自动换行显示)

(2)这里的参数可以是变量，也可以是函数体、函数自执行体，数字等等，也可以进行一些简单的运算

(3)参数支持标签属性，写入的时候会按照html进行解析，但是需要用字符串的形式(常用的标签属性就是换行符 <br/> )

浏览器支持:

（1）.IE浏览器支持此属性。

（2）.edge浏览器支持此属性。

（3）.谷歌浏览器支持此属性。

（4）.opera浏览器支持此属性。

（5）.火狐浏览器支持此属性。

（6）.safria浏览器支持此属性。

功能：

将一个文本字符串写入由 document.open() 打开的一个文档流。

注意的坑：

1.因为 document.write 写入文档流，在关闭(已加载)的文档上调用 document.write 会自动调用 document.open，这将清除该文档。

2.向一个已经加载，并且没有调用过document.open()的文档写入数据时，会自动完成调用document.open()的操作。一旦完成了数据写入，系统要求调用document.close()，以告诉浏览器页面已经加载完毕。写入的数据会被解析到文档结构模型里。在上面的例子里，元素h1会成为文档中的一个节点。

3.如果document.write()被直接嵌入到HTML主体代码中，那么它将不会调用document.open()。详见如下例子：

<p> 
  <script type="text/javascript"> 
    document.write("<h1>Main title</h1>") 
  </script> 
 </p>

4.连续连个document.write()也不会相互覆盖 是因为document.write("A")结束后，默认是不会调用document.close()的，所以第二个document.write("B")不会覆盖前一个write的内容,而是进行追加。

function myFunction{ document.write("A"); 
document.write("B")} //AB一起输出，而不是B覆盖A

5.我们可以手动调用document.close()方法，关闭由document.open()方法创建的文档流，但是我们无法关闭系统创建的文档流

但是我这样写的话，又达到了“关闭”的效果

这是因为，window.onload表示的是 “An event handler for the load event of a window.”换言之就是文档加载完毕的时候，document.write() 在页面加载后调用，但在W3C规范中没有定义时，会发生自动的 document.open()调用。所以页面才会被清除

更新于2018年4月21

相关阅读

C#中Console.WriteLine()函数输出格式详解

格式项都采用如下形式： {index[,alignment][:formatString]} 其中"index"指索引占位符，这个肯定都知道； ",alignment"按字面意思显

深入理解linux下write()和read()函数

1、write() 函数定义：ssize_t write (int fd, const void * buf, size_t count);  函数说明：write()会把参数buf所指的内存写入cou

C#——Console.WriteLine("{0}{1}")中的{0}{1}是什

下面一个例子可以更直观的说明作用 namespace ConsoleApplication1{class Program{static void Main(string[] args){    int a

C/C++ 文件设备操作之CreateFile、ReadFile和WriteFil

1. CreateFile这个函数的功能是创建或者打开一个文件或者I/O设备，通常使用的I/O形式有文件、文件流、目录、物理磁盘、卷、终端流

C#入门——Console.Write()与Console.WriteLine()

两者区别：Console.Write(“abc”);   输出到控制台中，且在最后位置不换行，参数至少有一个以上。Console.WriteLine();输出到控制台