JavaScript Document属性与方法详解：初学者必备
需积分: 50 14 浏览量
更新于2024-09-09
收藏 48KB DOC 举报
在JavaScript编程中，Document对象是浏览器的核心组成部分，它代表了整个HTML文档，提供了丰富的属性和方法，对前端开发人员来说至关重要。以下是一些关于Document对象的重要属性和方法的详细介绍：
1. **document.title**：这是最基础的属性，用于设置或获取文档的标题，与HTML中的`<title>`标签功能相同。在实际应用中，这个属性常用于设定页面的标题，显示在浏览器的标签页上。
2. **document.bgColor** 和 **document.fgColor**：这两个属性用于设置页面的背景色和前景色（文本颜色），但在现代浏览器中，由于CSS的优先级，它们通常很少直接使用，更推荐通过CSS来控制样式。
3. **document.linkColor, document.alinkColor, document.vlinkColor**：这些属性分别对应未点击、被点击后（激活）和已访问过的链接的颜色。在HTML4中曾有应用，但现代浏览器已经支持CSS来管理链接样式。
4. **document.URL**：这是一个只读属性，可以用来获取当前文档的URL，但不能直接设置。如果需要改变页面URL，通常使用`window.location`对象的相应方法。
5. **document.fileCreatedDate, document.fileModifiedDate, document.charset, document.fileSize**：这些都是关于文档的元数据属性，比如创建日期、修改日期、字符集以及文件大小，只读且主要用于调试和分析。
6. **document.cookie**：用于设置和读取HTTP cookie，这对于处理网站的会话管理和用户状态信息非常有用。JavaScript通过`document.cookie`接口来操作cookie字符串。
7. **常用对象方法**：
- **document.write()**：这是一个动态向页面写入内容的方法，可以在页面加载过程中插入HTML、CSS和JavaScript代码。然而，现在推荐使用DOM操作和模板字符串来替代，因为`document.write()`可能导致安全和性能问题。
- **document.createElement(Tag)**：用于创建新的HTML元素对象，是构建动态网页的基础。
- **document.getElementById(ID)** 和 **document.getElementsByName(Name)**：分别用于根据元素的id和name属性获取元素对象，是选择器方法的基石。
- **document.body.appendChild(oTag)**：将创建或找到的元素添加到`<body>`元素的末尾，是DOM操作中常用的节点添加方法。
8. **body-主体子对象**：
- **document.body**：代表HTML文档的主体部分，相当于`<body>`标签。可以通过这个对象设置背景色、链接颜色等，以及通过`innerText`和`innerHTML`来操作内部的HTML内容。
掌握Document对象的属性和方法是JavaScript开发者必须具备的基本技能，它们在页面结构和交互性方面发挥着核心作用。理解并熟练运用这些特性，能够帮助开发者构建出功能强大且兼容性的前端应用。
javascript 的 Document 属性和方法集合
作者： 字体：[增加 减小] 类型：转载
JS 的 Document 属性和方法，希望大家了解下，方便以后的开发应用。
document.title //设置文档标题等价于 HTML 的 title 标签
document.bgColor //设置页面背景色
document.fgColor //设置前景色(文本颜色)
document.linkColor //未点击过的链接颜色
document.alinkColor //激活链接(焦点在此链接上)的颜色
document.vlinkColor //已点击过的链接颜色
document.URL //设置 URL 属性从而在同一窗口打开另一网页
document.$leCreatedDate //文件建立日期，只读属性
document.$leModi$edDate //文件修改日期，只读属性
document.charset //设置字符集 简体中文:gb2312
document.$leSize //文件大小，只读属性
document.cookie //设置和读出 cookie
———————————————————————
常用对象方法
document.write() //动态向页面写入内容
document.createElement(Tag) //创建一个 html 标签对象
document.getElementById(ID) //获得指定 ID 值的对象
document.getElementsByName(Name) //获得指定 Name 值的对象
document.body.appendChild(oTag)
———————————————————————
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 //页面右边距
document.body.bottomMargin //页面下边距
document.body.background //背景图片
document.body.appendChild(oTag) //动态生成一个 HTML 对象
下载后可阅读完整内容，剩余3页未读，立即下载
点击了解资源详情
点击了解资源详情
点击了解资源详情
2010-11-28 上传
2020-12-04 上传
点击了解资源详情
点击了解资源详情
2008-10-17 上传
2020-10-28 上传
yanghongyoyo
- 粉丝: 0
- 资源: 2
我的内容管理
展开
最新资源
- C语言数组操作：高度检查器编程实践
- 基于Swift开发的嘉定单车LBS iOS应用项目解析
- 钗头凤声乐表演的二度创作分析报告
- 分布式数据库特训营全套教程资料
- JavaScript开发者Robert Bindar的博客平台
- MATLAB投影寻踪代码教程及文件解压缩指南
- HTML5拖放实现的RPSLS游戏教程
- HT://Dig引擎接口，Ampoliros开源模块应用
- 全面探测服务器性能与PHP环境的iprober PHP探针v0.024
- 新版提醒应用v2：基于MongoDB的数据存储
- 《我的世界》东方大陆1.12.2材质包深度体验
- Hypercore Promisifier: JavaScript中的回调转换为Promise包装器
- 探索开源项目Artifice：Slyme脚本与技巧游戏
- Matlab机器人学习代码解析与笔记分享
- 查尔默斯大学计算物理作业HP2解析
- GitHub问题管理新工具：GIRA-crx插件介绍
