深入理解JavaScript的document对象

需积分: 9 109 浏览量更新于2024-09-12 收藏 48KB DOC 举报

"JavaScript的document对象是JavaScript在浏览器环境中用于操作和访问HTML文档的主要接口。它包含了一系列属性和方法，允许开发者对网页内容进行动态更新和交互。本文将深入讲解document对象的重要属性和常用方法，以及在实际开发中的应用技巧。" 在JavaScript中，document对象是全局对象，它提供了与当前网页内容交互的各种功能。以下是一些关键的属性和方法： 1. document.title: 用于获取或设置网页的标题，对应HTML中的`<title>`标签。例如，`document.title = "新标题"`会更改浏览器标签页上的显示标题。 2. document.bgColor, document.fgColor, document.linkColor, document.alinkColor, document.vlinkColor: 这些属性允许设置页面的背景色、前景色（文本颜色）以及不同状态的链接颜色。但现代浏览器更推荐使用CSS来控制这些样式。 3. document.URL: 属性返回当前页面的完整URL，可以用于验证或获取页面地址。同时，虽然不能直接设置，但可以通过`window.location`对象来改变页面URL。 4. document.fileCreatedDate, document.fileModifiedDate, document.fileSize: 这些只读属性提供了关于HTML文件的元信息，如创建日期、修改日期和文件大小，但在实际网页开发中用得不多。 5. document.cookie: 用于处理和读取页面的cookies。设置cookie如`document.cookie = "key=value; expires=日期; path=/";`，读取时则会返回所有cookies的字符串。 6. document.charset: 设置字符编码，例如设置为`"gb2312"`以适应简体中文。现代浏览器通常自动识别字符编码，但有时仍需手动设置。除了上述属性，document对象还包含对`<body>`元素的访问和操作，如： 1. document.body: 返回HTML文档的`<body>`元素，可用于获取或修改页面主体的属性。 2. document.body.bgColor, document.body.link, document.body.alink, document.body.vlink, document.body.text: 这些属性与页面主体的样式有关，如背景色、链接颜色和文本颜色。同样，使用CSS进行样式控制更为推荐。 3. document.body.innerText, document.body.innerHTML: `innerText`用来获取或设置`<body>`内的纯文本，而`innerHTML`则用于获取或设置HTML代码，常用于动态生成或修改页面内容。 4. document.body.margin properties: 包括`topMargin`, `leftMargin`, `rightMargin`和`bottomMargin`，用于设置页面主体的边距，但现代CSS布局更倾向于使用样式表中的`margin`属性。 5. document.body.background: 设置页面背景图像，但使用CSS的`background-image`属性更灵活。在实际开发中，document对象还有许多其他功能，如`getElementById`, `getElementsByTagName`, `createElement`, `appendChild`, `removeChild`等，它们用于查找、创建、添加和删除HTML元素。这些方法对于DOM操作和动态网页制作至关重要。通过熟练掌握document对象及其方法，开发者可以实现丰富的用户交互和动态效果，提高网页的用户体验。

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页未读，立即下载

JarLove

粉丝: 0
资源: 12

深入理解JavaScript的document对象

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

JavaScript document对象详解与应用

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

javascript document对象详细介绍

javascript document 对象的用法大全

JavaScript Document对象属性详解

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

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

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

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

最新资源