JavaScript API

window对象

Window 对象属性

属性名称说明
parent返回父窗口。

Window 对象方法

方法名称说明语法
alert()【对话框】用于显示带有一条指定消息和一个 确定 按钮的警告框。alert(message)
close()用于关闭浏览器窗口。window.close()
confirm()【对话框】用于显示一个带有指定消息和 确定 及取消按钮的对话框。并返回布尔值confirm(message)
open()用于打开一个新的浏览器窗口或查找一个已命名的窗口。window.open(URL,name,features,replace)
prompt()【对话框】用于显示可提示用户进行输入的对话框。prompt(text,defaultText)
setTimeout()可以用来注册在指定的时间之后单次或重复调用的函数。
*返回一个值，这个值可以通过传递给clearTimeout()用语取消这个函数的执行。		setTimeout(function,time)
setInterval()可以用来注册在指定的时间之后单次或重复调用的函数。
*返回一个值，这个值可以传递给clearInterval()用于取消后续函数的调用。		setInterval(function,time[,"lang"])
showModalDialog()【对话框】用于显示一个包含HTML格式的模拟对话框。showModalDialog(URL,[Array|Object], [List(name=value dialogwidth|dialogheight|resizable)])

Document 及 Element 对象

Document 对象集合

集合说明
all[]提供对文档中所有 HTML 元素的访问。
anchors[]返回对文档中所有 Anchor 对象的引用。
applets返回对文档中所有 Applet 对象的引用。
forms[]返回对文档中所有 Form 对象引用。
images[]返回对文档中所有 Image 对象引用。
links[]返回对文档中所有 Area 和 Link 对象引用。

Document 及 Element 对象属性

属性名称说明
document.cookie设置或查询与当前文档相关的所有 cookie。
document.domain返回当前文档的域名。
document.lastModified返回文档被最后修改的日期和时间。
document.location与window对象的location属性引用同一个location对象。
document.referrer返回载入当前文档的文档的 URL。
document.title返回当前文档的标题。
document.URL返回当前文档的 URL。
element.accessKey 设置或返回元素的快捷键。
element.attributes 返回元素属性的 NamedNodeMap。
element.childNodes 返回元素子节点的 NodeList。
element.className 设置或返回元素的 class 属性。
element.clientHeight返回元素的可见高度。
element.clientWidth返回元素的可见宽度。
element.contentEditable设置或返回元素内容是否可编辑。
element.dir设置或返回元素的文本方向。
element.firstChild 返回元素的首个子元素。
element.id设置或返回元素的 id。
element.innerHTML设置或返回元素的内容。
element.lang设置或返回元素的语言代码。
element.lastChild 返回元素的最后一个子元素。
element.namespaceURI返回元素的 namespace URI。
element.nextSibling返回位于相同节点树层级的下一个节点。
element.nodeName返回元素的名称。
element.nodeType返回元素的节点类型。如果节点是元素节点，则 nodeType 属性将返回 1。如果节点是属性节点，则 nodeType 属性将返回 2。
element.nodeValue设置或返回元素值。
element.offsetHeight返回元素的高度。
element.offsetWidth返回元素的宽度。
element.offsetLeft返回元素的水平偏移位置。
element.offsetParent返回元素的偏移容器。
element.offsetTop返回元素的垂直偏移位置。
element.ownerDocument返回元素的根元素（文档对象）。
element.parentNode 返回元素的父节点
element.previousSibling返回位于相同节点树层级的前一个元素。
element.scrollHeight返回元素的整体高度。
element.scrollLeft返回元素左边缘与视图之间的距离。
element.scrollTop返回元素上边缘与视图之间的距离。
element.scrollWidth返回元素的整体宽度。
element.style设置或返回元素的 style 属性。
element.tabIndex设置或返回元素的 tab 键控制次序。
element.tagName返回元素的标签名。
element.textContent设置或返回节点及其后代的文本内容。
element.title设置或返回元素的 title 属性。
nodelist.length返回 NodeList 中的节点数。

Document 及 Element 对象方法

方法名称说明语法
document.createElement()创建元素节点。createElement(name)
document.createElementNS()创建带有指定命名空间的元素节点。createElementNS(ns,name)
document.createTextNode()创建文本节点。createTextNode(data)
document.createDocumentFragment()创建空的 DocumentFragment 对象，并返回此对象。createDocumentFragment()
document.importNode()把一个节点从另一个文档复制到该文档以便应用。importNode(importedNode,deep)
document.write()可向文档写入 HTML 表达式或 JavaScript 代码。document.write(exp1,exp2,exp3,....)
document.writeln()可向文档写入 HTML 表达式或 JavaScript 代码并在结尾处添加一个换行符。document.writeln(exp1,exp2,exp3,....)
element.appendChild()向节点添加最后一个子节点。element.appendChild(newListItem);
element.cloneNode()创建节点的拷贝，并返回该副本。element.cloneNode()
document.close()可关闭一个由 document.open 方法打开的输出流，并显示选定的数据。document.close()
element.compareDocumentPosition()判断一个段落相比较另一个段落的位置：p1.compareDocumentPosition(p2);
element.getAttribute()返回指定属性名的属性值。element.getAttribute(attributename)
elementNode.getAttributeNS(ns,name)通过命名空间 URI 和名称来获取属性值。ns：规定从中获取属性值的命名空间 URI。elementNode.getAttributeNS(ns,name)
element.getAttributeNode()返回指定属性名的属性值，以 Attr 对象。element.getAttributeNode(attributename)
element.getElementsByTagName()返回具有指定标签名的元素子元素集合，以 NodeList 对象。element.getElementsByTagName(tagname)
element.getFeature()返回实现了指定特性的 API 的某个对象。element.getFeature()
element.getUserData()返回关联元素上键的对象。element.getUserData()
element.hasAttribute()如果存在指定属性，则 hasAttribute() 方法返回 true，否则返回 false。element.hasAttribute(attributename)
element.hasAttributeNS(ns,name)如果属性由指定的命名空间和名称组成，则 hasAttributeNS() 方法返回 true，否则返回 false。hasAttributeNS(ns,name)
element.hasAttributes()如果指定节点拥有属性，则 hasAttributes() 方法返回 true，否则返回 false。如果指定节点不是元素节点，则返回值始终是 false。node.hasAttributes()
element.hasChildNodes()检查元素是否有子节点。node.hasChildNodes()
element.insertBefore()在指定的已有子节点之前插入新的子节点document.getElementById("myList").insertBefore(newItem,existingItem);
document.getElementById()通过ID选取元素，选取一个基于唯一ID的元素。document.getElementById(id)
document.getElementsByClassName()通过CSS类选取元素，选取一个基于其class属性值中的标识符来选取成组的文档元素。document.getElementsByClassName(class)
document.open()打开一个新文档，并擦除当前文档的内容。document.open(mimetype,replace)
document.getElementsByName()通过名字选取元素，可返回带有指定名称的对象的集合。document.getElementsByName(name)
document.getElementsByTagName()通过标签名选取元素，可返回带有指定标签名的对象的集合（HTML或XML）。document.getElementsByTagName(tagname)
querySelectorAll()接受包含一个css选择器的字符串参数，返回一个表示文档中匹配选择器的所有元素的NodeList对象。document.querySelectorAll(select)
querySelector()接受包含一个css选择器的字符串参数，返回第一个匹配的元素。document.querySelector(select)
element.isSupported()检测指定节点是否支持指定特性。node.isSupported(feature,version)
element.isDefaultNamespace()检查被定义的命名空间是否是默认命名空间。document.querySelector(select)
element.isEqualNode()检查两个不同列表中的列表项是否是相等的。item1.isEqualNode(item2);
element.isSameNode()检查两节点，实际上，是否是相同节点。item1.isSameNode(item2);
element.normalize()移除空的文本节点，并连接相邻的文本节点xmlDoc.getElementById("demo").normalize();
element.removeAttribute()从元素中移除指定属性。element.removeAttribute(attributename)
elementNode.removeAttributeNS(ns,name)删除由命名空间和名称指定的属性。elementNode.removeAttributeNS(ns,name)
element.removeAttributeNode()移除指定的属性节点，并返回被移除的节点。element.removeAttributeNode(attributenode)
element.removeChild()从元素中移除子节点。node.removeChild(node)
element.replaceChild()替换元素中的子节点。node.replaceChild(newnode,oldnode)
element.setAttribute()向元素中设置和查询非标准的HTML属性。element.setAttribute(attributename,attributevalue)
elementNode.setAttributeNS(name,value)创建或改变具有命名空间的属性。elementNode.setAttributeNS(name,value)
element.setAttributeNode()设置或更改指定属性节点。element.setAttributeNode()
element.setUserData()把对象关联到元素上的键。element.setUserData()
element.toString()把元素转换为字符串。element.toString()
nodelist.item()返回元素的指定子节点nodelist.item(index)

Form 对象

Form 对象属性

属性名称说明
acceptCharset服务器可接受的字符集。
action可设置或返回表单的 action 属性
enctype设置或返回用于编码表单内容的 MIME 类型
id设置或返回表单的 id。
length返回表单中的元素数目。
method设置或返回将数据发送到服务器的 HTTP 方法。
name设置或返回表单的名称。
target设置或返回表单提交结果的 Frame 或 Window 名。

Form 对象方法

方法名称说明语法
reset()可把表单中的元素重置为它们的默认值。formObject.reset()
submit()把表单数据提交到 Web 服务器。formObject.submit()

location对象

location 对象属性

属性名称说明
hash设置或返回从#开始的URL
host设置或返回主机名和当前URL 的端口号
hostname设置或返回当前URL 的主机名
href设置或返回完整的URL
pathname设置或返回当前URL 的路径部分
port设置或返回当前URL 的端口号
protocol设置或返回当前URL 的协议
search设置或返回从?开始的URL

location 对象方法

方法名称说明语法
assign()可以使用窗口载入并显示你指定的URL中的文档。location.assign(URL)
reload()可以让浏览器重新载入当前文档。location.reload()
replace()可以用一个新文档取代当前文档。新的URL将覆盖history对象中的当前记录location.replace(newURL)

History对象

history 对象属性

属性名称说明
length返回浏览器历史列表中的 URL 数量。

history 对象方法

方法名称说明语法
back()加载历史列表中的前一个 URL。history.back()
forward()可加载历史列表中的下一个 URL。history.forward()
go()可加载历史列表中的某个具体的页面。history.go(number|URL)

Navigator 对象

Navigator 对象属性

属性名称说明
appCodeName返回浏览器的代码名。
appMinorVersion返回浏览器的次级版本。
appName返回浏览器的名称。
appVersion返回浏览器的平台和版本信息。
browserLanguage返回当前浏览器的语言。。
cookieEnabled返回指明浏览器中是否启用 cookie 的布尔值。
cpuClass返回浏览器系统的 CPU 等级。
geolocation确定用户地理位置信息的借口。
onLine返回指明系统是否处于脱机模式的布尔值。
platform返回运行浏览器的操作系统平台。
systemLanguage返回 OS 使用的默认语言。
userAgent返回由客户机发送服务器的 user-agent 头部的值。
userLanguage返回 OS 的自然语言设置。

Navigator 对象方法

方法名称说明语法
cookieEnable()判断浏览器是否可以保存永久的cookie。history.go(number|URL)
javaEnabled()当浏览器可以运行java小程序时返回true。navigator.javaEnabled()
taintEnabled()返回一个布尔值，该值声明了当前浏览器是否启用了 data tainting。navigator.taintEnabled()

Screen 对象

Screen 对象方法

属性名称说明
availHeight返回显示屏幕的高度 (除 Windows 任务栏之外)。
availWidth返回显示屏幕的宽度 (除 Windows 任务栏之外)。
bufferDepth设置或返回调色板的比特深度。
colorDepth返回目标设备或缓冲器上的调色板的比特深度。
deviceXDPI返回显示屏幕的每英寸水平点数。
deviceYDPI返回显示屏幕的每英寸垂直点数。
fontSmoothingEnabled返回用户是否在显示控制面板中启用了字体平滑。
height返回显示屏幕的高度。
logicalXDPI返回显示屏幕每英寸的水平方向的常规点数。
logicalYDPI返回显示屏幕每英寸的垂直方向的常规点数。
pixelDepth返回显示屏幕的颜色分辨率（比特每像素）。
updateInterval设置或返回屏幕的刷新率。
width返回显示器屏幕的宽度。

Event 对象

事件句柄

属性名称说明
onabort图像的加载被中断。
onblur元素失去焦点。
onchange域的内容被改变。
onclick当用户点击某个对象时调用的事件句柄。
ondblclick当用户双击某个对象时调用的事件句柄。
onerror在加载文档或图像时发生错误。
onkeydown某个键盘按键被按下。
onkeypress某个键盘按键被按下并松开。
onkeyup某个键盘按键被松开。
onload一张页面或一幅图像完成加载。
onmousedown鼠标按钮被按下。
onmousemove鼠标被移动。
onmouseout鼠标从某元素移开。
onmouseover鼠标移到某元素之上。
onmouseup鼠标按键被松开。
onreset重置按钮被点击。
onresize窗口或框架被重新调整大小。
onselect文本被选中。
onsubmit确认按钮被点击。
onunload用户退出页面。
addEventListener注册新事件。

鼠标 / 键盘属性

属性名称说明
altKey返回当事件被触发时，"ALT" 是否被按下。
button返回当事件被触发时，哪个鼠标按钮被点击。
clientX返回当事件被触发时，鼠标指针的水平坐标。
clientY返回当事件被触发时，鼠标指针的垂直坐标。
ctrlKey返回当事件被触发时，"CTRL" 键是否被按下。
metaKey返回当事件被触发时，"meta" 键是否被按下。
relatedTarget返回与事件的目标节点相关的节点。
screenX返回当某个事件被触发时，鼠标指针的水平坐标。
screenY返回当某个事件被触发时，鼠标指针的垂直坐标。
shiftKey返回当事件被触发时，"SHIFT" 键是否被按下。

Ajax

XMLHttpRequest 对象

XMLHttpRequest 对象用于在后台与服务器交换数据。
XMLHttpRequest 对象是开发者的梦想，因为您能够：
在不重新加载页面的情况下更新网页
在页面已加载后从服务器请求数据
在页面已加载后从服务器接收数据
在后台向服务器发送数据
所有现代的浏览器都支持 XMLHttpRequest 对象。

创建 XMLHttpRequest 对象

  1. var request = new XMLHttpRequest();

winbug © 2004-2024
京ICP备2020043258号-2

京公网安备 11011202002524号