1 document对象的属性

1.1 readState状态可取值

2 document对象的方法

3 document对象的事件

文档对象（document）代表浏览器窗口中的文档，该对象是window的子对象，由于window对象是dom对象模型中的默认对象，因此window对象中的方法和子对象不需要使用window来引用。

1 document对象的属性

属性	说明
alinkColor	连接文字的颜色，对应于<body>标记中的alink属性
all[]	存储HTML标记的一个数组（该数组本身也是一个对象）
anchors[]	存储锚点的一个数组（该属性本身也是一个对象）
bgColor	文档的背景颜色，对应于<body>标记中的bgColor属性
cookie	表示cookie的值
fgColor	文档的文本颜色（不含超链接的文字）对应于<body>标记中的text属性值
forms[]	存储窗体对象的一个数组（该属性本身也是一个对象）
fileCreatedDate	创建文档的日期
fileModifiedDate	文档最后修改日期
fileSize	当前文件大小
lastModified	文档最后修改时间
images[]	存储图像对象的一个数组（该属性本身也是一个对象）
linkColor	未被访问的链接文字的颜色，对应于<body>标记中的link属性
links[]	存储link对象的一个数组（该属性本身也是一个对象）
vlinkColor	表示已访问过的链接文字颜色，对应于<body>标记的vlink属性
title	当前文档标题对象
body	当前文档主体对象
readyState	获取某个对象的当前状态
URL	获取或设置URL

1.1 readState状态可取值

readState状态值	说明
loading	表示对象正在载入数据
loaded	表示对象载入数据完毕
interactive	用户可以和该对象进行交互，不管该对象是否已加载完毕
complete	该对象已加载完毕

2 document对象的方法

方法	说明
close	文档的输出流
open	打开一个文档输出流并接收write和writeln方法的创建页面内容
write	向文档中写入HTML或JavaScript语句
writeln	向文档中写入HTML或JavaScript语句，并以换行符结束
createElement	创建一个HTML标记
getElementById	获取指定id的HTML标记

3 document对象的事件

事件	何时触发
onabort	对象载入被中断时触发
onblur	元素或窗口本身失去焦点时触发
onchange	改变<select>元素中的选项或其他表单元素失去焦点，并且在其获得焦点后内容发生改变时触发
onclick	单击鼠标左键时触发。当光标的焦点在按钮上，并按下回车键时，也会触发该事件
ondbclick	双击鼠标左键时触发
onerror	出现错误时触发
onfocus	任何元素或窗口本身获得焦点时触发
onkeydown	键盘上的按键（包括Shift键或Alt键）被按下时触发，如果一直按着某键，则会不断触发。当返回false时，取消默认动作
onkeypress	键盘上的按键被按下，并产生一个字符时发生。也就是说，当按下shift或Alt键时不触发。一直按着一直触发，当返回false时，取消默认动作（先onkeydown后onkeypress）
onkeyup	释放键盘上的按键是触发
onload	页面完全载入后，在window对象上触发；所有框架都载入后，在框架集上触发；<img>标记指定的图像完全载入后，在其上触发；或<object>标记指定的对象完全载入后，在其上触发
onmousedown	单击任何一个鼠标按键时触发
onmousemove	鼠标在某个元素上移动时持续触发
onmouseout	将鼠标从指定的元素上移开时触发
onmouseover	鼠标移到某个元素上时触发
onmouseup	释放任意一个鼠标按键时触发
onreset	单击“重置”按钮时，在<form>上触发
onresize	窗口或框架的大小发生改变时触发
onscroll	在任何带滚动条的元素或窗口上滚动时触发
onselect	选中文本时触发
onsubmit	单击“提交”按钮时，在<form>上触发
onunload	页面完全卸载后，在window对象上触发；或者所有框架都卸载后，在框架集上触发

JavaScript核心之Document对象概述（document的属性，方法，事件）相关推荐

校验正确获取对象或者数组的属性方法（babel-plugin-idx/_.get）
背景: 开发中经常遇到取值属性的时候,需要校验数值的有效性. 例如: 获取props对象里面的friends属性 props.user && props.user.friends &a ...
javascript中为某个对象（控件）绑定事件的几种方法
今天学习了javascirpt的一些基础知识,有关事件绑定的一些方法: 1.<input type="button" οnclick="clickHandler() ...
javascript面向对象编程实现[定义（静态）属性方法--继承]
javascript面向对象编程实现: 1.类的声明: function test1(){ this.p ...
new一个新对象的时候,各属性方法的操行顺序
1.类成员变量(又叫静态成员变量,即是用static修饰的变量(属性)). 2.静态代码块(多次new同一个类对象只会执行一行). 3.成员变量 4.代码块 5.构造方法转载于:https://ww ...
jquery --- 事件处理函数的event对象的几个属性(方法)说明
1.event.type: 事件的类型 $('a').click(function(event) {alert(event.type);return false; // 阻止链接跳转 }); // c ...
JavaScript核心之Document对象详解（document属性，方法）
目录 1 Document节点概述 2 document节点的属性 2.1 doctype,documentElement,defaultView,body,head,activeElement 2. ...
【JavaScript】Document对象学习
Document 对象当浏览器载入 HTML 文档, 它就会成为 Document 对象. Document 对象是 HTML 文档的根节点. Document 对象使我们可以从脚本中对 HTML ...
javascript学习笔记之document对象、表单及表单元素、脚本化cookie
一.document对象每个window对象都有document属性.该属性引用表示在窗口中显示的HTML文档的document对象. 1.关键方法 close()关闭open方法打开的文档 ope ...
【JavaScript】document对象的方法
1.getElementById方法 Document.getElementById(ElementId) 通过标签的id属性查找标签dom对象,elementId是标签的id属性值. 例子:用户名必 ...
HTML DOM Document 对象
Document 对象每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问. 提示:Document 对 ...

JavaScript核心之Document对象概述（document的属性，方法，事件）

1 document对象的属性

1.1 readState状态可取值

2 document对象的方法

3 document对象的事件

JavaScript核心之Document对象概述（document的属性，方法，事件）相关推荐

最新文章

热门文章