深入理解JavaScript:常用属性与方法解析

需积分: 10 5 下载量 180 浏览量 更新于2024-11-03 收藏 22KB DOC 举报
"这篇文档汇总了JavaScript中常用的属性和方法,涵盖了对文档、元素和页面样式的操作,以及与cookies相关的功能。" 在JavaScript中,`document`对象是全局对象,它代表了当前浏览器窗口中的整个HTML文档。文档的一些常见属性和方法包括: 1. 属性 - `document.title`: 用于设置或获取文档的标题,对应HTML中的`<title>`标签。 - `document.bgColor`: 设置页面背景色,这个属性现在已经被废弃,建议使用CSS替代。 - `document.fgColor`: 设置文本颜色,同样已被废弃,应使用CSS来处理。 - `document.linkColor`, `document.alinkColor`, `document.vlinkColor`: 分别用于设置未点击、激活和已点击过的链接颜色,现在通常使用CSS来控制这些样式。 - `document.URL`: 获取当前文档的URL。 - `document.fileCreatedDate`和`document.fileModifiedDate`: 分别提供文件的创建日期和最后修改日期,这两个属性是只读的。 - `document.charset`: 设置字符集,如简体中文通常为`"gb2312"`,现代Web应用更推荐使用`"UTF-8"`。 - `document.fileSize`: 只读属性,返回文件的大小(如果适用)。 - `document.cookie`: 用于设置和读取cookies,是存储客户端数据的一种方式。 2. 方法 - `document.write()`: 动态地向HTML页面写入内容,一般在页面加载时使用,不推荐在页面加载后使用,因为这会清空整个文档。 - `document.createElement(Tag)`: 创建一个新的HTML元素,如`<div>`或`<img>`等。 - `document.getElementById(ID)`: 根据指定的ID获取元素,非常常用的方法。 - `document.getElementsByName(Name)`: 返回一组具有相同name属性的元素数组。 - `document.body.appendChild(oTag)`: 将指定的元素添加到body元素的末尾。 - `document.body`: 访问文档的body元素,可以进行样式和内容的修改。 - `document.body.bgColor`, `document.body.link`, `document.body.alink`, `document.body.vlink`, `document.body.text`: 这些都是用来设置body元素的样式属性,现代做法是通过CSS来定义。 - `document.body.innerText` 和 `document.body.innerHTML`: 分别用于设置或获取body元素内的纯文本和HTML代码。 - `document.body.topMargin` 和 `document.body.leftMargin`: 设置页面的上边距和左边距,现代CSS样式推荐使用`margin`属性。 这些属性和方法构成了JavaScript与HTML文档交互的基础,是前端开发中不可或缺的一部分。了解并熟练运用它们,可以帮助开发者更好地操控网页元素,实现动态效果和用户交互。在实际开发中,需要注意逐渐过渡到更现代的DOM操作方法和CSS样式,以提升代码的可维护性和性能。