深入理解JavaScript:常用属性与方法解析
需积分: 10 67 浏览量
更新于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样式,以提升代码的可维护性和性能。
2017-02-08 上传
2020-10-27 上传
2020-10-28 上传
2020-11-23 上传
点击了解资源详情
点击了解资源详情
点击了解资源详情
点击了解资源详情
点击了解资源详情
puppyshy
- 粉丝: 12
- 资源: 14
最新资源
- 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插件介绍