网站首页 > 技术文章 正文
document对象:代表整个HTML 文档,可用来访问页面中的所有元素。
(1)对象属性
①document.title 文档标题,等价于HTML的标签
②document.bgColor 页面背景色
③document.fgColor 前景色(文本颜色)
④document.linkColor 未点击过的链接颜色
⑤document.alinkColor 激活链接(焦点在此链接上)的颜色
⑥document.vlinkColor 已点击过的链接颜色
⑦document.URL 在同一窗口打开另一网页
⑧document.fileCreatedDate 文件建立日期,只读属性
⑨document.fileModifiedDate 文件修改日期,只读属性
⑩document.fileSize 大小,只读属性
?document.cookie 设置和读出cookie
?document.charset 字符集
(2)对象方法
①document.write() 动态向页面写入内容
②document.createElement(tag) 创建指定标签的元素
③document.getElementById(id) 获得指定id值的元素
④document.getElementsByName(name) 获得指定Name值的元素
(3)body对象
①document.body 文档主体开始和结束,等价于
②document.body.bgColor 背景颜色
③document.body.link 未点击过的链接颜色
④document.body.alink 激活链接(焦点在此链接上)的颜色
⑤document.body.vlink 已点击过的链接颜色
⑥document.body.text 文本色
⑦document.body.innerText...之间的文本
⑧document.body.innerHTML..之间的HTML代码
⑨document.body.topMargin 页面上边距
⑩document.body.leftMargin 页面左边距
?document.body.rightMargin 页面右边距
?document.body.bottomMargin 页面下边距
?document.body.background 背景
?document.body.appendChild(oTag) 添加DOM对象
?document.body.onclick="func()" 鼠标指针单击对象是触发
?document.body.onmouseover="func()" 鼠标指针移到对象时触发
?document.body.onmouseout="func()" 鼠标指针移出对象时触发
(4)location-位置子对象
①document.location.hash #号后的部分
②document.location.host 域名+端口号
③document.location.hostname 域名
④document.location.href 完整URL
⑤document.location.pathname 目录部分
⑥document.location.port 端口号
⑦document.location.protocol 网络协议
⑧document.location.search ?号后的部分
(5)通过集合引用(以images集合为例,forms集合等类似)
①document.images 标签
②document.images.length 标签的个数
③document.images[0] 第1个标签
④document.images[i] 第i-1个标签
- 上一篇: 写给产品经理们的技术分享——前端篇
- 下一篇: 11 个比较有意思的前端小技巧 你不知道的前端小知识
猜你喜欢
- 2024-11-08 大厂必问 · 如何防止订单重复? 防止订单重复提交与高并发
- 2024-11-08 使用JS快速读取TXT文件 js怎么读取文件
- 2024-11-08 开发必懂的文件加解密 开发必懂的文件加解密怎么弄
- 2024-11-08 一个巧合,我把文档写进了代码里 一个巧合,我把文档写进了代码里英文
- 2024-11-08 安卓手机如何快速刷完青年大学习 安卓如何快速完成青年大学
- 2024-11-08 DNF:健康系统最简单的修改信息方法
- 2024-11-08 这个传染病各年龄人群都易感,该如何预防?戳→
- 2024-11-08 文字跳动特效表白网页 字幕滚动表白软件
- 2024-11-08 如何访问Web存储 web项目怎么访问本地文件
- 2024-11-08 智能科技时代的事件驱动编程:艺术与算法的完美交融
- 标签列表
-
- content-disposition (47)
- nth-child (56)
- math.pow (44)
- 原型和原型链 (63)
- canvas mdn (36)
- css @media (49)
- promise mdn (39)
- readasdataurl (52)
- if-modified-since (49)
- css ::after (50)
- border-image-slice (40)
- flex mdn (37)
- .join (41)
- function.apply (60)
- input type number (64)
- weakmap (62)
- js arguments (45)
- js delete方法 (61)
- blob type (44)
- math.max.apply (51)
- js (44)
- firefox 3 (47)
- cssbox-sizing (52)
- js删除 (49)
- js for continue (56)
- 最新留言
-