JavaScript 中 document 对象的核心方法解析

需积分: 9 80 浏览量更新于2024-09-16 收藏 8KB TXT 举报

本文主要介绍了JavaScript中的`document`对象及其常用方法，这些方法主要用于操作和获取HTML文档的各种属性和元素。在JavaScript中，`document`对象是全局对象，它提供了与当前网页交互的能力，包括访问页面元素、修改页面内容、处理事件等。以下是一些`document`对象的主要方法： 1. `document.title`：返回或设置当前网页的标题，对应的HTML元素是`<title>`。 2. `document.bgColor`：设置或获取整个页面的背景颜色，此属性在现代浏览器中已不推荐使用，建议使用CSS替代。 3. `document.fgColor`：设置或获取页面文本的颜色，同样已被废弃，应使用CSS替代。 4. `document.linkColor`：设置或获取页面中链接的默认颜色。 5. `document.alinkColor`：设置或获取活动链接（被点击时）的颜色。 6. `document.vlinkColor`：设置或获取已访问链接的颜色。 7. `document.URL`：返回当前页面的完整URL。 8. `document.fileCreatedDate`和`document.fileModifiedDate`：分别返回页面文件的创建日期和最后修改日期，但这些属性在现代浏览器中并不通用。 9. `document.fileSize`：返回页面文件的大小，同样在现代浏览器中并不常用。 10. `document.cookie`：用于读取、设置和操作页面的cookies，这是存储客户端数据的一种方式。 11. `document.charset`：获取或设置页面的字符编码，例如`UTF-8`或`GB2312`。 12. `document.write()`：向HTML文档写入内容，通常在页面加载期间使用，不推荐在页面加载后使用，因为这将清除现有页面内容。 13. `document.createElement(Tag)`：创建一个新的HTML元素，如`div`、`span`等。 14. `document.getElementById(ID)`：根据ID查找页面中的唯一元素。 15. `document.getElementsByName(Name)`：找到所有具有特定名称的元素，返回一个NodeList集合。 16. `document.body.appendChild(oTag)`：将指定的元素添加到`<body>`元素的末尾。 17. `document.body`：访问页面的`<body>`元素，可以进一步修改其属性，如背景颜色、链接颜色等。此外，`document.body`还包含一些其他属性，如`bgColor`、`link`、`alink`、`vlink`、`text`，以及`innerText`和`innerHTML`，它们分别用于设置或获取元素的文本内容、HTML内容，以及边距等样式属性。这些属性和方法对于动态更新页面内容和样式非常有用。 `document`对象是JavaScript与HTML页面交互的核心，通过这些方法，开发者可以实现对网页内容的动态控制和页面元素的操作，从而实现丰富的用户体验。在实际开发中，应该结合DOM操作和CSS样式来充分利用这些方法，以实现更加高效和可维护的代码。

JavaScript 中 document 的一些方法介绍
http://www.12306.cn/mormhweb/ggxxfw/wbyyzj/201105/t20110529_1905.jsp?height=509
以下方法都很常用，记录下来腾出点脑空间~

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

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

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

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

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

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

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

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

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

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

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

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

常用对象方法：

剩余13页未读，继续阅读

Iamagril

粉丝: 37
资源: 79

JavaScript 中 document 对象的核心方法解析

javascript中document的方法

JavaScript 中 document.getElementById 的返回值的类型为？

javascript的document是什么

利用javascript脚本获取document文档中的元素有哪些方法，请至少列出3个，并简单解释用法。

robotframework中常用的javascript语句

document.getElementById()方法使用在教材哪个部分

讲解JavaScript代码三种调试方式： （1）使用alert()弹出警告框； （2）使用document.write()方法将内容写到HTML文档中； （3）使用console.log()写入到浏览器控制台；

document.getelementbyid()方法不好使

html5中Document

如何在JavaScript中实现网页内容的换行?

最新资源

讲解JavaScript代码三种调试方式：（1）使用alert()弹出警告框；（2）使用document.write()方法将内容写到HTML文档中；（3）使用console.log()写入到浏览器控制台；