JavaScript Document属性与方法详解：初学者必备
需积分: 50 121 浏览量
更新于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 上传
2020-10-29 上传
yanghongyoyo
- 粉丝: 0
- 资源: 2
我的内容管理
展开
最新资源
- Aspose资源包：转PDF无水印学习工具
- Go语言控制台输入输出操作教程
- 红外遥控报警器原理及应用详解下载
- 控制卷筒纸侧面位置的先进装置技术解析
- 易语言加解密例程源码详解与实践
- SpringMVC客户管理系统：Hibernate与Bootstrap集成实践
- 深入理解JavaScript Set与WeakSet的使用
- 深入解析接收存储及发送装置的广播技术方法
- zyString模块1.0源码公开-易语言编程利器
- Android记分板UI设计：SimpleScoreboard的简洁与高效
- 量子网格列设置存储组件：开源解决方案
- 全面技术源码合集：CcVita Php Check v1.1
- 中军创易语言抢购软件：付款功能解析
- Python手动实现图像滤波教程
- MATLAB源代码实现基于DFT的量子传输分析
- 开源程序Hukoch.exe：简化食谱管理与导入功能
