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

常用方法

document.write() // 动态向页面写入内容
document.createElement(Tag) // 创建一个html标签对象
document.getElementById(ID) // 获得指定ID值的对象
document.getElementsByName(Name)// 获得指定Name值的对象
document.body.appendChild(oTag) // 动态生成一个HTML对象

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.onclick = "function()" // 鼠标指针单击对象是触发
document.body.onmouseover = "function()" // 鼠标指针移到对象时触发
document.body.onmouseout = "function()" // 鼠标指针移出对象时触发

location 对象

document.location.hash // #号后的部分
document.location.host // 域名+端口号
document.location.hostname // 域名
document.location.href // 完整URL
document.location.pathname // 目录部分
document.location.port // 端口号
document.location.protocol // 网络协议(http:)
document.location.search // ?号后的部分
document.location.reload() // 刷新网页
document.location.reload(URL) // 打开新的网页
document.location.assign(URL) // 打开新的网页
document.location.replace(URL) // 打开新的网页

images 对象

// 通过集合引用
document.images // 对应页面上的img标签
document.images.length // 对应页面上img标签的个数
document.images[0] // 第1个img标签

forms集合(页面中的表单)

// 通过集合引用
document.forms // 页面中的form标签
document.forms.length // 页面中form标签的个数
document.forms[0] // 第1个form标签
document.forms[0].length // 第1个form中的控件数
document.forms[0].elements[0] // 第1个form中第1个控件

// 通过标签name属性直接引用
document.formname.inputname // document.表单名.控件名

// 访问表单的属性
document.forms[0].name // name属性
document.forms[0].action // action属性
document.forms[0].encoding // enctype属性
document.forms[0].target // target属性

图层对象四个属性

document.getElementById("ID").innerText // 动态输出文本
document.getElementById("ID").innerHTML // 动态输出HTML
document.getElementById("ID").outerText // 同innerText
document.getElementById("ID").outerHTML // 同innerHTML