当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。
HTML DOM 模型被构造为对象的树。
HTML DOM 树通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。
属性 | 描述 |
closed | 返回窗口是否已被关闭。 |
defaultStatus | 设置或返回窗口状态栏中的默认文本。 |
document | 对 Document 对象的只读引用。请参阅 Document 对象。 |
history | 对 History 对象的只读引用。请参数 History 对象。 |
innerheight | 返回窗口的文档显示区的高度。 |
innerwidth | 返回窗口的文档显示区的宽度。 |
length | 设置或返回窗口中的框架数量。 |
location | 用于窗口或框架的 Location 对象。请参阅 Location 对象。 |
name | 设置或返回窗口的名称。 |
Navigator | 对 Navigator 对象的只读引用。请参数 Navigator 对象。 |
opener | 返回对创建此窗口的窗口的引用。 |
outerheight | 返回窗口的外部高度。 |
outerwidth | 返回窗口的外部宽度。 |
pageXOffset | 设置或返回当前页面相对于窗口显示区左上角的 X 位置。 |
pageYOffset | 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。 |
parent | 返回父窗口。 |
Screen | 对 Screen 对象的只读引用。请参数 Screen 对象。 |
self | 返回对当前窗口的引用。等价于 Window 属性。 |
status | 设置窗口状态栏的文本。 |
top | 返回最顶层的先辈窗口。 |
window | window 属性等价于 self 属性,它包含了对窗口自身的引用。 |
方法 | 描述 |
alert() | 显示带有一段消息和一个确认按钮的警告框。 |
blur() | 把键盘焦点从顶层窗口移开。 |
clearInterval() | 取消由 setInterval() 设置的 timeout。 |
clearTimeout() | 取消由 setTimeout() 方法设置的 timeout。 |
close() | 关闭浏览器窗口。 |
confirm() | 显示带有一段消息以及确认按钮和取消按钮的对话框。 |
createPopup() | 创建一个 pop-up 窗口。 |
focus() | 把键盘焦点给予一个窗口。 |
moveBy() | 可相对窗口的当前坐标把它移动指定的像素。 |
moveTo() | 把窗口的左上角移动到一个指定的坐标。 |
open() | 打开一个新的浏览器窗口或查找一个已命名的窗口。 |
print() | 打印当前窗口的内容。 |
prompt() | 显示可提示用户输入的对话框。 |
resizeBy() | 按照指定的像素调整窗口的大小。 |
resizeTo() | 把窗口的大小调整到指定的宽度和高度。 |
scrollBy() | 按照指定的像素值来滚动内容。 |
scrollTo() | 把内容滚动到指定的坐标。 |
setInterval() | 按照指定的周期(以毫秒计)来调用函数或计算表达式。 |
setTimeout() | 在指定的毫秒数后调用函数或计算表达式。 |
属性 | 描述 |
assign() | 加载新的文档。 |
reload() | 重新加载当前文档。 |
replace() | 用新的文档替换当前文档。 |
属性 | 描述 |
appCodeName | 返回浏览器的代码名。 |
appMinorVersion | 返回浏览器的次级版本。 |
appName | 返回浏览器的名称。 |
appVersion | 返回浏览器的平台和版本信息。 |
browserLanguage | 返回当前浏览器的语言。 |
cookieEnabled | 返回指明浏览器中是否启用 cookie 的布尔值。 |
cpuClass | 返回浏览器系统的 CPU 等级。 |
onLine | 返回指明系统是否处于脱机模式的布尔值。 |
platform | 返回运行浏览器的操作系统平台。 |
systemLanguage | 返回 OS 使用的默认语言。 |
userAgent | 返回由客户机发送服务器的 user-agent 头部的值。 |
userLanguage | 返回 OS 的自然语言设置。 |
集合 | 描述 |
all[] | 提供对文档中所有 HTML 元素的访问。 |
anchors[] | 返回对文档中所有 Anchor 对象的引用。 |
applets | 返回对文档中所有 Applet 对象的引用。 |
forms[] | 返回对文档中所有 Form 对象引用。 |
images[] | 返回对文档中所有 Image 对象引用。 |
links[] | 返回对文档中所有 Area 和 Link 对象引用。 |
属性 | 描述 |
body | 提供对 <body> 元素的直接访问。 对于定义了框架集的文档,该属性引用最外层的 <frameset>。 |
cookie | 设置或返回与当前文档有关的所有 cookie。 |
domain | 返回当前文档的域名。 |
lastModified | 返回文档被最后修改的日期和时间。 |
referrer | 返回载入当前文档的文档的 URL。 |
title | 返回当前文档的标题。 |
URL | 返回当前文档的 URL。 |
方法 | 描述 |
close() | 关闭用 document.open() 方法打开的输出流,并显示选定的数据。 |
getElementById() | 返回对拥有指定 id 的第一个对象的引用。 |
getElementsByName() | 返回带有指定名称的对象集合。 |
getElementsByTagName() | 返回带有指定标签名的对象集合。 |
open() | 打开一个流,以收集来自任何 document.write() 或 document.writeln() 方法的输出。 |
write() | 向文档写 HTML 表达式 或 JavaScript 代码。 |
writeln() | 等同于 write() 方法,不同的是在每个表达式之后写一个换行符。 |
下面的属性和方法可用于所有 HTML 元素上:
属性 / 方法 | 描述 |
element.accessKey | 设置或返回元素的快捷键。 |
element.appendChild() | 向元素添加新的子节点,作为最后一个子节点。 |
element.attributes | 返回元素属性的 NamedNodeMap。 |
element.childNodes | 返回元素子节点的 NodeList。 |
element.className | 设置或返回元素的 class 属性。 |
element.clientHeight | 返回元素的可见高度。 |
element.clientWidth | 返回元素的可见宽度。 |
element.cloneNode() | 克隆元素。 |
element.compareDocumentPosition() | 比较两个元素的文档位置。 |
element.contentEditable | 设置或返回元素的文本方向。 |
element.dir | 设置或返回元素的文本方向。 |
element.firstChild | 返回元素的首个子。 |
element.getAttribute() | 返回元素节点的指定属性值。 |
element.getAttributeNode() | 返回指定的属性节点。 |
element.getElementsByTagName() | 返回拥有指定标签名的所有子元素的集合。 |
element.getFeature() | 返回实现了指定特性的 API 的某个对象。 |
element.getUserData() | 返回关联元素上键的对象。 |
element.hasAttribute() | 如果元素拥有指定属性,则返回true,否则返回 false。 |
element.hasAttributes() | 如果元素拥有属性,则返回 true,否则返回 false。 |
element.hasChildNodes() | 如果元素拥有子节点,则返回 true,否则 false。 |
element.id | 设置或返回元素的 id。 |
element.innerHTML | 设置或返回元素的内容。 |
element.insertBefore() | 在指定的已有的子节点之前插入新节点。 |
element.isContentEditable | 设置或返回元素的内容。 |
element.isDefaultNamespace() | 如果指定的 namespaceURI 是默认的,则返回 true,否则返回 false。 |
element.isEqualNode() | 检查两个元素是否相等。 |
element.isSameNode() | 检查两个元素是否是相同的节点。 |
element.isSupported() | 如果元素支持指定特性,则返回 true。 |
element.lang | 设置或返回元素的语言代码。 |
element.lastChild | 返回元素的最后一个子元素。 |
element.namespaceURI | 返回元素的 namespace URI。 |
element.nextSibling | 返回位于相同节点树层级的下一个节点。 |
element.nodeName | 返回元素的名称。 |
element.nodeType | 返回元素的节点类型。 |
element.nodeValue | 设置或返回元素值。 |
element.normalize() | 合并元素中相邻的文本节点,并移除空的文本节点。 |
element.offsetHeight | 返回元素的高度。 |
element.offsetWidth | 返回元素的宽度。 |
element.offsetLeft | 返回元素的水平偏移位置。 |
element.offsetParent | 返回元素的偏移容器。 |
element.offsetTop | 返回元素的垂直偏移位置。 |
element.ownerDocument | 返回元素的根元素(文档对象)。 |
element.parentNode | 返回元素的父节点。 |
element.previousSibling | 返回位于相同节点树层级的前一个元素。 |
element.removeAttribute() | 从元素中移除指定属性。 |
element.removeAttributeNode() | 移除指定的属性节点,并返回被移除的节点。 |
element.removeChild() | 从元素中移除子节点。 |
element.replaceChild() | 替换元素中的子节点。 |
element.scrollHeight | 返回元素的整体高度。 |
element.scrollLeft | 返回元素左边缘与视图之间的距离。 |
element.scrollTop | 返回元素上边缘与视图之间的距离。 |
element.scrollWidth | 返回元素的整体宽度。 |
element.setAttribute() | 把指定属性设置或更改为指定值。 |
element.setAttributeNode() | 设置或更改指定属性节点。 |
element.setIdAttribute() | |
element.setIdAttributeNode() | |
element.setUserData() | 把对象关联到元素上的键。 |
element.style | 设置或返回元素的 style 属性。 |
element.tabIndex | 设置或返回元素的 tab 键控制次序。 |
element.tagName | 返回元素的标签名。 |
element.textContent | 设置或返回节点及其后代的文本内容。 |
element.title | 设置或返回元素的 title 属性。 |
element.toString() | 把元素转换为字符串。 |
nodelist.item() | 返回 NodeList 中位于指定下标的节点。 |
nodelist.length | 返回 NodeList 中的节点数。 |
事件 | 浏览器支持 | 事件描述 |
onClick | IE3|N2|O3 | 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 |
onDblClick | IE4|N4|O | 鼠标双击事件 |
onMouseDown | IE4|N4|O | 鼠标上的按钮被按下了 |
onMouseUp | IE4|N4|O | 鼠标按下后,松开时激发的事件 |
onMouseOver | IE3|N2|O3 | 当鼠标移动到某对象范围的上方时触发的事件 |
onMouseMove | IE4|N4|O | 鼠标移动时触发的事件 |
onMouseOut | IE4|N3|O3 | 当鼠标离开某对象范围时触发的事件 |
onKeyPress | IE4|N4|O | 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象] |
onKeyDown | IE4|N4|O | 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象] |
onKeyUp | IE4|N4|O | 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象] |
事件 | 浏览器支持 | 事件描述 |
onAbort | IE4|N3|O | 图片在下载时被用户中断 |
onBeforeUnload | IE4|N|O | 当前页面的内容将要被改变时触发的事件 |
onError | IE4|N3|O | 捕抓当前页面因为某种原因而出现的错误,如脚本错误与外部数据引用的错误 |
onLoad | IE3|N2|O3 | 页面内空完成传送到浏览器时触发的事件,包括外部文件引入完成 |
onMove | IE|N4|O | 浏览器的窗口被移动时触发的事件 |
onResize | IE4|N4|O | 当浏览器的窗口大小被改变时触发的事件 |
onScroll | IE4|N|O | 浏览器的滚动条位置发生变化时触发的事件 |
onStop | IE5|N|O | 浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断 |
onUnload | IE3|N2|O3 | 当前页面将被改变时触发的事件 |
事件 | 浏览器支持 | 事件描述 |
onBlur | IE3|N2|O3 | 当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可] |
onChange | IE3|N2|O3 | 当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可] |
onFocus | IE3|N2|O3 | 当某个元素获得焦点时触发的事件 |
onReset | IE4|N3|O3 | 当表单中RESET的属性被激发时触发的事件 |
onSubmit | IE3|N2|O3 | 一个表单被递交时触发的事件 |
事件 | 浏览器支持 | 事件描述 |
onBounce | IE4|N|O | 在Marquee内的内容移动至Marquee显示范围之外时触发的事件 |
onFinish | IE4|N|O | 当Marquee元素完成需要显示的内容后触发的事件 |
onStart | IE4|N|O | 当Marquee元素开始显示内容时触发的事件 |
事件 | 浏览器支持 | 事件描述 |
onBeforeCopy | IE5|N|O | 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件 |
onBeforeCut | IE5|N|O | 当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件 |
onBeforeEditFocus | IE5|N|O | 当前元素将要进入编辑状态 |
onBeforePaste | IE5|N|O | 内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件 |
onBeforeUpdate | IE5|N|O | 当浏览者粘贴系统剪贴板中的内容时通知目标对象 |
onContextMenu | IE5|N|O | 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的<body>中加入onContentMenu="return false"就可禁止使用鼠标右键了] |
onCopy | IE5|N|O | 当页面当前的被选择内容被复制后触发的事件 |
onCut | IE5|N|O | 当页面当前的被选择内容被剪切时触发的事件 |
onDrag | IE5|N|O | 当某个对象被拖动时触发的事件 [活动事件] |
onDragDrop | IE|N4|O | 一个外部对象被鼠标拖进当前窗口或者帧 |
onDragEnd | IE5|N|O | 当鼠标拖动结束时触发的事件,即鼠标的按钮被释放了 |
onDragEnter | IE5|N|O | 当对象被鼠标拖动的对象进入其容器范围内时触发的事件 |
onDragLeave | IE5|N|O | 当对象被鼠标拖动的对象离开其容器范围内时触发的事件 |
onDragOver | IE5|N|O | 当某被拖动的对象在另一对象容器范围内拖动时触发的事件 |
onDragStart | IE4|N|O | 当某对象将被拖动时触发的事件 |
onDrop | IE5|N|O | 在一个拖动过程中,释放鼠标键时触发的事件 |
onLoseCapture | IE5|N|O | 当元素失去鼠标移动所形成的选择焦点时触发的事件 |
onPaste | IE5|N|O | 当内容被粘贴时触发的事件 |
onSelect | IE4|N|O | 当文本内容被选择时的事件 |
onSelectStart | IE4|N|O | 当文本内容选择将开始发生时触发的事件 |
事件 | 浏览器支持 | 事件描述 |
onAfterUpdate | IE4|N|O | 当数据完成由数据源到对象的传送时触发的事件 |
onCellChange | IE5|N|O | 当数据来源发生变化时 |
onDataAvailable | IE4|N|O | 当数据接收完成时触发事件 |
onDatasetChanged | IE4|N|O | 数据在数据源发生变化时触发的事件 |
onDatasetComplete | IE4|N|O | 当来子数据源的全部有效数据读取完毕时触发的事件 |
onErrorUpdate | IE4|N|O | 当使用onBeforeUpdate事件触发取消了数据传送时,代替 onAfterUpdate事件 |
onRowEnter | IE5|N|O | 当前数据源的数据发生变化并且有新的有效数据时触发的事件 |
onRowExit | IE5|N|O | 当前数据源的数据将要发生变化时触发的事件 |
onRowsDelete | IE5|N|O | 当前数据记录将被删除时触发的事件 |
onRowsInserted | IE5|N|O | 当前数据源将要插入新数据记录时触发的事件 |
事件 | 浏览器支持 | 事件描述 |
onAfterPrint | IE5|N|O | 当文档被打印后触发的事件 |
onBeforePrint | IE5|N|O | 当文档即将打印时触发的事件 |
onFilterChange | IE4|N|O | 当某个对象的滤镜效果发生变化时触发的事件 |
onHelp | IE4|N|O | 当浏览者按下F1或者浏览器的帮助选择时触发的事件 |
onPropertyChange | IE5|N|O | 当对象的属性之一发生变化时触发的事件 |
onReadyStateChange | IE4|N|O | 当对象的初始化属性值发生变化时触发的事件 |
欢迎光临 叶子网络bbs论坛 (https://fob0.com/) | Powered by Discuz! X3.3 |