深入理解JavaScript的document对象

需积分: 15 51 浏览量更新于2024-09-12 1 收藏 45KB DOC 举报

"本文将详细探讨JavaScript中的document对象，它是浏览器提供的一种全局对象，用于访问和操作HTML文档的各种元素和属性。通过document对象，开发者可以实现对网页内容的动态更新、用户交互以及页面样式的控制。" 在JavaScript中，document对象是与HTML文档交互的核心，它提供了丰富的属性和方法来获取和修改文档的各种特性。例如： 1. `document.title`：这个属性用于设置或获取文档的标题，与HTML中的`<title>`标签相对应。可以通过`document.title = "新标题"`来改变网页的标题。 2. 文档颜色属性：`document.bgColor`、`document.fgColor`、`document.linkColor`、`document.alinkColor`和`document.vlinkColor`分别用于设置页面背景色、文本颜色、未点击链接颜色、激活链接颜色和已点击链接颜色。这些属性可以方便地改变整个页面的颜色方案。 3. URL和文件属性：`document.URL`提供了当前页面的完整URL，可用来打开新的页面；而`fileCreatedDate`、`fileModifiedDate`和`fileSize`是只读属性，分别表示文件创建日期、修改日期和大小，它们对于了解网页的元信息非常有用。 4. `document.cookie`：这个属性允许设置和读取cookies，是实现客户端存储数据的一种方式。例如，`document.cookie = "name=value; expires=日期"`可以创建一个cookie。 5. 字符集设置：`document.charset`用于设置字符编码，如设置为"gb2312"代表简体中文。接下来，我们关注与body相关的属性和方法： - `document.body`：这个属性返回HTML `<body>` 标签的引用，让我们能够访问和修改页面主体的属性。 - body的属性：`bgColor`、`link`、`alink`、`vlink`、`text`分别对应背景颜色、未点击链接颜色、激活链接颜色、已点击链接颜色和文本颜色。例如，`document.body.bgColor = "white"`可以将背景色设为白色。 - `innerText`和`innerHTML`：`innerText`用于获取或设置HTML元素之间的文本内容，而`innerHTML`则可以获取或设置HTML元素内的所有HTML代码。这两个属性在处理动态内容时非常有用。 - 边距属性：`topMargin`、`leftMargin`、`rightMargin`和`bottomMargin`允许设置页面四周的边距，以像素为单位。 - `background`属性：可以设置页面的背景图片，如`document.body.background = "image.jpg"`。此外，document对象还包含其他重要功能，如`getElementById`、`getElementsByClassName`、`getElementsByTagName`等，用于查找特定ID、类名或标签名的元素。`appendChild`方法用于在DOM树中添加新的子节点，例如`document.body.appendChild(newElement)`会在body的末尾添加一个新的元素。 JavaScript的document对象是网页动态化和交互的基础，它提供的丰富属性和方法使得开发者能高效地控制和操作HTML文档的各个方面。

Javascript 的 document 对象

对象属性

document.title //设置文档标题等价于 HTML 的<title>标签

document.bgColor //设置页面背景色

document.fgColor //设置前景色(文本颜色)

document.linkColor //未点击过的链接颜色

document.alinkColor //激活链接(焦点在此链接上)的颜色

document.vlinkColor //已点击过的链接颜色

document.URL //设置 URL 属性从而在同一窗口打开另一网页

document.fileCreatedDate //文件建立日期，只读属性

document.fileModifiedDate //文件修改日期，只读属性

document.fileSize //文件大小，只读属性

document.cookie //设置和读出 cookie

document.charset //设置字符集简体中文:gb2312

======================================================================

body-主体子对象

document.body //指定文档主体的开始和结束等价于<body></body>

document.body.bgColor //设置或获取对象后面的背景颜色

document.body.link //未点击过的链接颜色

document.body.alink //激活链接(焦点在此链接上)的颜色

document.body.vlink //已点击过的链接颜色

document.body.text //文本颜色

document.body.innerText //设置<body>...</body>之间的文本

document.body.innerHTML //设置<body>...</body>之间的 HTML 代码

document.body.topMargin //页面上边距

document.body.leftMargin //页面左边距

document.body.rightMargin //页面右边距

下载后可阅读完整内容，剩余7页未读，立即下载

林大烦

粉丝: 1
资源: 5

深入理解JavaScript的document对象

深入解析JavaScript document对象及其属性与body子对象

JavaScript document对象详解与应用

深入理解JavaScript Document对象与HTML元素操作

javascript document对象详细介绍

javascript document 对象的用法大全

JavaScript Document对象属性详解

掌握Javascript document对象：属性与子对象详解

JavaScript document对象详解：功能与应用

JavaScript document对象详解与常用属性方法

JavaScript document对象深度解析：属性与方法

最新资源