简介

document 对象其实是 window 对象下的一个子对象，它操作的是 HTML 文档里所有的内容。实际上，浏览器每次打开一个窗口，就会为这个窗口生成一个 window 对象，并且会为这个窗口内部的页面（即 HTML 文档）自动生成一个 document 对象，这样我们就可以通过 document 对象来操作页面中所有的元素了。

document 是浏览器为每个窗口内的 HTML 页面创建的对象。通过 document 对象，我们可以操作页面的元素，这些操作又被统称为“DOM（文档对象模型）”。

document 对象属性

image.png

document.URL

document.URL;

document.referrer

我们可以使用 document 对象的 referrer 属性来获取用户在访问当前页面之前所在页面的地址。

例如，我从页面A的某个链接进入页面B，如果在页面B中使用document.referrer，就可以获取页面A的地址。

document 对象方法

image.png

document.write

document.write('<div style = "color:hotpink;">学习</div>');
document.write("学习");

document.writeln

writeln（　）方法跟 write（　）方法相似，唯一区别是 writeln（　）方法会在输出内容后面多加上一个换行符“\n”。

  <script>
      document.writeln("<pre>1");
      document.writeln("2");
      document.writeln("3");
      document.writeln("4</pre>");
  </script>