JavaScript Document对象详解与常用属性方法
需积分: 10 60 浏览量
更新于2024-12-06
收藏 5KB TXT 举报
"本文档主要介绍了JavaScript中的document对象及其常用属性和方法，它是浏览器提供用于操作整个HTML文档的全局对象。通过document对象，开发者可以获取和修改页面的各种元素、属性和内容，实现对网页的动态控制。"
在HTML文档中，`document`对象扮演着核心角色，它包含了对整个网页内容的访问和操作能力。以下是一些关键知识点：
1. 标题操作：
- `document.title`：获取或设置HTML文档的标题，即`<title>`标签内的文本。
2. 颜色属性：
- `document.bgColor`：设置整个页面的背景颜色。
- `document.fgColor`：已废弃，原本用于设置文本颜色，现在不推荐使用。
- `document.linkColor`：设置未被访问的链接颜色。
- `document.alinkColor`：设置已被点击过的活动链接颜色。
- `document.vlinkColor`：设置已访问过的链接颜色。
3. 文档信息：
- `document.URL`：返回当前文档的完整URL。
- `document.fileCreatedDate`：返回文档的创建日期（非所有浏览器支持）。
- `document.fileModifiedDate`：返回文档的最后修改日期（非所有浏览器支持）。
- `document.fileSize`：返回文档的大小（非所有浏览器支持）。
4. Cookie操作：
- `document.cookie`：用于存储和获取页面的cookies。
5. 字符编码：
- `document.charset`：返回或设置文档的字符编码。
6. 动态内容插入：
- `document.write()`：向HTML文档中动态写入内容，通常在文档加载时使用。
7. 创建和查找元素：
- `document.createElement(Tag)`：根据指定的标签名创建一个新的HTML元素。
- `document.getElementById(ID)`：根据ID查找并返回匹配的第一个元素。
- `document.getElementsByName(Name)`：根据名称查找并返回一个包含所有匹配元素的NodeList。
8. 元素操作：
- `document.body`：获取HTML `<body>` 元素，提供了对页面主体内容的操作接口。
- `document.body.appendChild(oTag)`：将指定的元素添加到<body>元素的末尾。
9. 样式属性：
- `document.body.bgColor`：设置<body>元素的背景颜色，如果没有设置，则返回其默认值。
- `document.body.link`：设置未被访问链接的颜色，等同于`document.linkColor`。
- `document.body.alink`：设置活动链接的颜色，等同于`document.alinkColor`。
- `document.body.vlink`：设置已访问链接的颜色，等同于`document.vlinkColor`。
- `document.body.text`：设置<body>元素的文本颜色，等同于`document.fgColor`。
- `document.body.innerText`：获取或设置<body>元素的纯文本内容。
- `document.body.innerHTML`：获取或设置<body>元素的HTML内容。
10. 边距设置：
- `document.body.topMargin`、`document.body.leftMargin`、`document.body.rightMargin` 和 `document.body.bottomMargin`：分别设置body元素的上、左、右、下内边距。
11. 背景图像：
- `document.body.background`：设置body元素的背景图像。
通过这些属性和方法，开发者可以对HTML文档进行丰富的交互式操作，实现动态效果、数据交换以及用户界面的个性化定制。在实际开发中，熟练掌握document对象是构建响应式和动态网页的关键技能。
144 浏览量
153 浏览量
2024-05-21 上传
217 浏览量
2011-02-25 上传
217 浏览量
131 浏览量
125 浏览量
神秘嘉宾
- 粉丝: 3
- 资源: 23
我的内容管理
展开
