logo头像

求知若渴,虚心若愚

浏览器 document 对象

document对象

代表整个 HTML 文档,可用来访问页面中的所有元素

对象属性

  • document.title: 文档标题,等价于HTML的title标签
  • document.bgColor: 页面背景色
  • document.fgColor: 前景色(文本颜色)
  • document.linkColor: 未点击过的链接颜色
  • document.alinkColor: 激活链接(焦点在此链接上)的颜色
  • document.vlinkColor: 已点击过的链接颜色
  • document.URL: 在同一窗口打开另一网页
  • document.fileCreatedDate: 文件建立日期,只读属性
  • document.fileModifiedDate: 文件修改日期,只读属性
  • document.fileSize: 大小,只读属性
  • document.cookie: 设置和读出cookie
  • document.charset: 字符集

对象方法

  • document.write(): 动态向页面写入内容
  • document.createElement(tag): 创建指定标签的元素
  • document.getElementById(id): 获得指定id值的元素
  • document.getElementsByName(name): 获得指定Name值的元素

body对象

  • document.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): 添加DOM对象
  • document.body.onclick=”func()”: 鼠标指针单击对象是触发
  • document.body.onmouseover=”func()”: 鼠标指针移到对象时
  • document.body.onmouseout=”func()”: 鼠标指针移出对象时触发

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: ?号后的部分

  • 通过集合引用(以images集合为例,forms集合等类似)

    • document.images: img标签
    • document.images.length: img标签的个数
    • document.images[0]: 第1个img标签
    • document.images[i]: 第i-1个img标签
支付宝打赏 微信打赏

赞赏是对我们的肯定!