javascript Document 对象介绍

关注

转载最新推荐文章于 2026-04-16 11:45:05 发布 585 阅读 AI 写同款· GEO 优化 ›

JavaScript 中的 Document 对象详解 JavaScript 中的 Document 对象是浏览器中 HTML 文档的入口点，代表整个页面，是 DOM（文档对象模型）的核心。它提供了访问和修改页面内容、处理事件、操作 CSS 样式等功能。Document 对象可以表示不同类型的文档，如 HTML、XML 和 SVG 文档。其基本属性包括文档元信息（如 URL、标题、字符编码等）、文档结构引用（如 <html>、<body> 等元素）以及文档状态（如加载状态）。通过 Document 对象，开发者可以选择和查找元素、创建和修阅读详情

Document 对象
每个载入浏览器的 HTML 文档都会成为 Document 对象，使我们可以从脚本中对 HTML 页面中的所有元素进行访问，它是 Window 对象的一部分，可通过 window.document 属性对其进行访问

Document 对象集合
forms返回对文档中所有 Form 对象的引用
    语法：document.forms[];

cookie设置或查询与当前文档相关的所有 cookie，该属性是一个可读可写的字符串，可使用该属性对当前文档的cookie 进行读取、创建、修改和删除操作
    语法：document.cookie;

domain返回下载当前文档的服务器域名
    语法：document.domain;
    实例：alert(document.domain); //弹出 192.168.1.101

title返回当前文档的标题（ HTML title 元素中的文本）
    语法：document.title;

URL返回当前文档的 URL，一般情况下，该属性的值与包含文档的 Window 的 location.href 属性相同，不过，在 URL 重定向发生的时候，这个 URL 属性保存了文档的实际 URL，而 location.href 保存了请求的 URL
    语法：document.URL;

Document 对象方法
close()关闭一个由 document.open 方法打开的输出流，并强制地显示出所有缓存的输出内容，如果您使用 write() 方法动态地输出一个文档，必须记住当你这么做的时候要调用 close() 方法，以确保所有文档内容都能显示，一旦调用了 close()，就不应该再次调用 write()，因为这会隐式地调用 open() 来擦除当前文档并开始一个新的文档
    语法：document.close();

getElementById()返回对拥有指定 ID 的第一个对象的引用
    语法：document.getElementById(id);

getElementsByName()返回带有指定名称的对象的集合，该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性，另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素
    语法：document.getElementsByName(name);

getElementsByTagName()返回带有指定标签名的对象的集合，返回元素的顺序是它们在文档中的顺序，如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法，它将返回文档中所有元素的列表，元素排列的顺序就是它们在文档中的顺序
    语法：document.getElementsByTagName(tagname);

open()打开一个新文档，擦除当前 HTML 文档的内容，新文档用 write() 方法或 writeln() 方法编写，调用 open() 方法打开一个新文档并且用 write() 方法设置文档内容后，必须记住用 close 方法关闭文档，并迫使其内容显示出来
    语法：document.open(mimetype,replace); //mimetype 可选，规定正在写的文档的类型，默认值是 "text/html"，replace 可选，当此参数设置后，可引起新文档从父文档继承历史条目(有点儿不明白，你明白吗？)

write()向文档写入 HTML 表达式或 JavaScript 代码，参数(exp1,exp2,exp3,...) ，它们将按顺序被追加到文档中，我们通常按照两种的方式使用 write() 方法：一是在使用该方在文档中输出 HTML，另一种是在调用该方法的的窗口之外的窗口、框架中产生新文档，在第二种情况中，请务必使用 close() 方法来关闭文档
    语法：document.write(exp1,exp2,exp3,....);

writeln()方法与 write() 方法作用相同，外加可在每个表达式后写一个换行符，在编写 <pre> 标记的内容时，该方法很有用
    语法：document.writeln(exp1,exp2,exp3,....);

收录于