js学习笔记记录

以_开头的参数,表示为可选参数。

typeof 与 instanceof 用法

typeof() 或typeof 变量
object instanceof constructor
参数：object（要检测的对象.）constructor（某个构造函数）

全局函数

可以直接调用，不需要在调用时指定所属对象，执行结束后会将结果直接返回给调用者

evel(js表达式) values() 方法返回一个新的 Array Iterator 对象，该对象包含数组每个索引的值
isFinite()函数用来判断被传入的参数值是否为一个有限数值（finite number）如果参数是 NaN，正无穷大或者负无穷大，会返回false，其他返回 true。
isNaN() 用来确定一个值是否为NaN。
parseFloat() 函数解析一个参数（必要时先转换为字符串）并返回一个浮点数。
parseInt(string, radix)将一个字符串string转换为radix 进制的整数， radix 为介于2-36之间的数。

radix参数为n 将会把第一个参数看作是一个数的n进制表示，而返回的值则是十进制的。

对象

所有 JavaScript 对象都从原型继承属性和方法。
日期对象继承自Date.prototype。
数组对象继承自Array.prototype。
Person对象继承自Person.prototype。
Object.prototype位于原型继承链的顶端：
日期对象、数组对象和 Person 对象都继承自 Object.prototype。

对象的遍历:for(x in objectname){
}
可通过数组形式，通过索引或者键名的方式遍历数组
可通过delete 删除对象中的属性
创建对象的方法

通过对象构造器创建

function Objectname(x,y,z){
this.x=x;
this.y=y;
this.z=z;
}
并通过new运算符创建对象实例 new Object()
使用对象文字 {}
Object.create()

Object中的属性

prototype
constructor

Object中的方法

assign() 合并或复制。方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。
create() 方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__。
Object.defineProperty(obj, prop, descriptor) 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。
Object.defineProperties(obj, props) 方法直接在一个对象上定义新的属性或修改现有属性，并返回该对象。
Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组.example:[[key,value],[key,value]]
Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。此外，冻结一个对象后该对象的原型也不能被修改。freeze() 返回和传入的参数相同的对象。
Object.fromEntries(iterable) 方法把键值对列表转换为一个对象。iterable:可迭代对象，类似 Array 、 Map 或者其它实现了可迭代协议的对象。
Object.is() 方法判断两个值是否是相同的值。
Object.isExtensible() 方法判断一个对象是否是可扩展的（是否可以在它上面添加新的属性）。
Object.isFrozen()方法判断一个对象是否被冻结。
Object.isSealed() 方法判断一个对象是否被密封。
Object.keys(obj) 方法会返回一个由一个给定对象的自身可枚举属性组成的数组
Object.values(obj)方法返回一个给定对象自身的所有可枚举属性值的数组

对象的原型中的方法

isPrototypeOf(object) 方法用于测试一个对象是否存在于另一个对象的原型链上。
valueOf() 方法返回指定对象的原始值。

数组

数组的创建方法

可以通过new运算符创建
也可通过字面量方式创建

数组对象的属性

constructor
length
prototype

数组方法

concat 连接2个或多个数组
join 方法将一个数组（或一个类数组对象）的所有元素连接成一个字符串并返回这个字符串。
pop 删除数组中的最后一个元素，并返回删除的元素
push 向数组的末尾添加一个或多个元素，并返回新的数组长度
reverse 颠倒数组元素的顺序
shift 删除并返回数组的第一个元素
slice 从已有数组中截取指定的数组。放回一个新的数组。参数：atart：从何处开始，必选。 end:从何处结束，可选
sort 对数组的元素进行排序。无返回值，是在原数组上直接操作。参数：回调函数
splice 添加或删除元素，然后返回被删除的元素。参数：index,添加或删除的位置。必选。howmany,删除的数量，必选。item,需要添加的数组元素。
toString 与不带参数的join相同
unshift 向数组的开头添加一个或多个，并返回新的长度

copywithin 复制数组的一部分到当前数组的一个位置
参数:target,复制序列到该位置。start,复制开始位置。end,复制结束位置，不包含。返回修改后的数组。
every(callback(element,_index,_array),_thisArg) 用来测试每个元素的函数。
返回值，若every的每个值都为turethy则为true，否则为false。
fill(value,start,end) start，end均可选。返回修改后的数组。
filter(callback(element,_index,_array),_thisArg) 用于测试数组的每个元素。_thisArg,执行callback时，用于this的值。类似于every函数。
返回通过测试的元素组成的一个新数组。若没有通过，则返回空数组。
find(callback(element,_index,_array),_thisArg)
返回通过回调函数的第一个元素值。否则返回undefined
findindex(callback(element,_index,_array),_thisArg)
返回数组中满足提供的测试函数的第一个元素的索引。否则返回-1。
flat(depth) 用于将嵌套数组进行解构。depth,用于指定解构的结构深度。
返回一个包含将数组与子数组中所有元素的新数组。
flatMap(callback(currentValue,_index,_array),_thisArg)
返回一个新的数组，其中每个元素都是回调函数的结果，并且结构深度 depth 值为1。
forEach(callback(currentValue,_index,_array),_thisArg) 方法对数组的每个元素执行一次提供的函数。
includes(vallueTofind,_fromIndex)方法用来判断一个数组是否包含一个指定的值，根据情况，如果包含则返回 true，否则返回false。
indexof(searchElement,_fromindex) 方法返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回-1。
keys() 返回一个包含数组中每个索引键的Array Iterator对象。
astIndexOf(serchElement,_fromindex) 方法返回指定元素（也即有效的 JavaScript 值或变量）在数组中的最后一个的索引，如果不存在则返回 -1。从数组的后面向前查找，从 fromIndex 处开始。
map(callback(currentValue,_index,_array),_thisArg) 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。
reduce
reduceright
some(callback(currentValue,_index,_array),_thisArg)方法测试数组中是不是至少有1个元素通过了被提供的函数测试。它返回的是一个Boolean类型的值。
values() 方法返回一个新的 Array Iterator 对象，该对象包含数组每个索引的值
pop与push 删除数组的最后一个元素，并返回被删除元素。向数组的最后添加一个或多个数组元素。

shift与unshift
splice
slice与concat
sort

函数(Function) 继承自Object.prototype

属性

Function.length 函数的参数

方法

Function.prototype.call(thisArg, arg1, arg2, …)
Function.prototype.apply(thisArg, [argsArray])
- var array = [‘a’, ‘b’];
  var elements = [0, 1, 2];
  array.push.apply(array, elements);
  console.info(array); // [“a”, “b”, 0, 1, 2]
Function.prototype.bind()方法创建一个新的函数，在bind()被调用时，这个新函数的this被bind的第一个参数指定，其余的参数将作为新函数的参数供调用时使用。
Function.prototype.tostring()覆盖了Object.prototype.tostring()方法

Number对象

用途

如果参数无法被转换为数字，则返回NaN。 new Number(value);
在非构造器上下文中 (如：没有 new 操作符)，Number 能被用来执行类型转换。 Number(value)
- 使用Number转换Date对象
  
  var d = new Date(“December 17, 1995 03:24:00”);
  print(Number(d));

属性

Number.MAX_INTEGER js中最大的安全整数2^53-1
Number.MAX_VALUE
Number.MIN_VALUE

方法

Number.isNaN() 确定传递的值是否是NaN
Number.isFinite() 确定传递的值类型及本身是否是有限数。
Number.isInteger() 确定传递的值类型是“number”，且是整数。
Number.isSafeInteger() 确定传递的值是否为安全整数 ( -(253 - 1) 至 253 - 1之间)。
Number.parseFloat() 和全局对象中的parserFloat()相同
Number.parseInt() 和全局对象中的parseInt()相同

BigInt

BigInt 是一种内置对象，可以表示大于 253 的整数。而在Javascript中，Number 基本类型可以精确表示的最大整数是 253。BigInt 可以表示任意大的整数。
BigInt()不是构造函数，不能使用new运算符。

用法

可以用在一个整数字面量后面加 n 的方式定义一个 BigInt ，如：10n，或者调用函数BigInt()。

const theBiggestInt = 9007199254740991n;
const alsoHuge = BigInt(9007199254740991);
// ↪ 9007199254740991n
const hugeString = BigInt(“9007199254740991”);
// ↪ 9007199254740991n
const hugeHex = BigInt(“0x1fffffffffffff”);
// ↪ 9007199254740991n
const hugeBin = BigInt(“0b11111111111111111111111111111111111111111111111111111”);
// ↪ 9007199254740991n

Math

Math是一个内置对象,它具有数学常数和函数的属性和方法。不是一个函数对象。

属性

Math.E 欧拉常数，也是自然对数的底数, 约等于 2.718.
Math.LN2 2的自然对数, 约等于0.693.
Math.LN10 10的自然对数, 约等于 2.303.
Math.LOG2E 以2为底E的对数, 约等于 1.443.
Math.LOG10E 以10为底E的对数, 约等于 0.434.
Math.PI 圆周率，一个圆的周长和直径之比，约等于 3.14159.
Math.SQRT1_2 1/2的平方根, 约等于 0.707.
Math.SQRT2 2的平方根,约等于 1.414.

方法

Math.abs(x)返回x的绝对值
Math.max([…]) 给定数值中最大的数。如果任一参数不能转换为数值，则返回NaN。
Math.min([…]) 给定数值中最小的数。如果任一参数不能转换为数值，则返回NaN。
Math.pow(base,exponent) 函数返回基数（base）的指数（exponent）次幂，即 base^exponent。
Math.random() 函数返回一个浮点, 伪随机数在范围[0，1)，也就是说，从0（包括0）往上，但是不包括1（排除1），然后您可以缩放到所需的范围。实现将初始种子选择到随机数生成算法;它不能被用户选择或重置。
Math.round(x) 函数返回一个数字四舍五入后最接近的整数。
Math.sqrt(x) 函数返回一个数的平方根。即开根号。
如果参数 number 为负值，则 sqrt 返回 NaN。

Date

>创建一个新Date对象的唯一方法是通过new 操作符.
>若将它作为常规函数调用（即不加 new 操作符），则将会返回一个字符串，而非 Date 对象。

属性

Date.length 7
Date.prototype 原型

参数

没有参数。如果没有提供参数，那么新创建的Date对象表示实例化时刻的日期和时间。

year
表示年份的整数值。 0到99会被映射至1900年至1999年，其它值代表实际年份。参见示例。
monthIndex
表示月份的整数值，从 0（1月）到 11（12月）。
day 可选
表示一个月中的第几天的整数值，从1开始。默认值为1。
hours 可选
表示一天中的小时数的整数值 (24小时制)。默认值为0（午夜）。
minutes 可选
表示一个完整时间（如 01:10:00）中的分钟部分的整数值。默认值为0。
seconds 可选
表示一个完整时间（如 01:10:00）中的秒部分的整数值。默认值为0。
milliseconds 可选
表示一个完整时间的毫秒部分的整数值。默认值为0。

方法

Date.now() 方法返回自1970年1月1日 00:00:00 UTC到当前时间的毫秒数。
Date.parse()
Date.UTC(year,month,date,hour,min,sec,ms) 方法接受的参数同日期构造函数接受最多参数时一样，返回从1970-1-1 00:00:00 UTC到指定日期的的毫秒数。

Date实例的方法

Date.prototype方法 Getter 这些方法都是可以通过实例化(new Date(‘August 19, 1975 23:15:30’))出的Date对象访问

Date.prototype.getTime() 返回从1970-1-1 00:00:00 UTC（协调世界时）到该日期经过的毫秒数，对于1970-1-1 00:00:00 UTC之前的时间返回负值。

String

属性

String.prototype

方法

String.fromCharCode()

String实例

属性

String.prototype.constructor
String.prototype.length

原型中的方法

String.prototype.charAt()
返回特定位置的字符。
String.prototype.charCodeAt()
返回表示给定索引的字符的Unicode的值。
String.prototype.codePointAt()
返回使用UTF-16编码的给定位置的值的非负整数。
String.prototype.concat()
方法将一个或多个字符串与原字符串连接合并，形成一个新的字符串并返回。
String.prototype.includes(searchString,_postion)
判断一个字符串里是否包含其他字符串，区分大小写。返回true或false
String.prototype.endsWith(searchString,_length)
判断一个字符串的是否以给定字符串结尾，结果返回布尔值。_length,表示str的长度。
String.prototype.indexOf(searchValue,_fromIndex)
从字符串对象中返回首个被发现的给定值的索引值，如果没有找到则返回-1。
String.prototype.lastIndexOf(searchValue,_fromindex)
从字符串对象中返回最后一个被发现的给定值的索引值，如果没有找到则返回-1。
String.prototype.slice(beginIndex,_endIndex)
截取字符串片段,返回截取的字符串，不改变源字符串。
String.prototype.split(_separator,_limit)
把字符串按指定字符分隔为字符串数组。返回数组。_limit表示字符串限制的长度。
String.prototype.substring(indexStart,_indexEnd)
提取字符串中两个指定的索引号之间的字符
String.prototype.trim()
去掉字符串中的空格
String.prototype.startsWith(searchString,_searchIndex)
方法用来判断当前字符串是否以另外一个给定的子字符串开头，并根据判断结果返回 true 或 false。

RegExp

方法

exec() 方法在一个指定字符串中执行一个搜索匹配。返回一个结果数组或 null。

Promise

new Promise(function(resolve,reject){})

DOM对象

document.write会将整个页面重新绘制。
document.innerhtml只是操作指定的dom，修改响应dom对应的元素。
两者都可以向网页中输出内容。

Document属性和方法

document.activeElement 返回当前获取焦点元素

document.addEventListener(event,function,_useCapture) 向文档添加句柄.参数：描述事件名称的字符串。描述事件触发后执行的函数。指定事件是否在捕获阶段或冒泡阶段执行，true:捕获；false:冒泡。
- 该方法添加的事件不能指派给某个元素。
  document.adoptNode(node) 从另外一个文档返回 adapded 节点到当前文档。
  document.anchors 返回对文档中所有 Anchor 对象的引用。
  document.baseURI 返回文档的绝对基础 URI 只有IE不支持
  document.body 返回文档的body元素
  document.close() 关闭用 document.open() 方法打开的输出流，并显示选定的数据。
  document.cookie 设置或返回与当前文档有关的所有 cookie。

document.createAttribute(attributename) 创建一个属性节点。参数：可取值，class,id,title等。
document.createComment() createComment() 方法可创建注释节点。
document.createDocumentFragment() 创建空的 DocumentFragment 对象，并返回此对象。
document.createElement(nodename) 创建元素节点。如：button，h1,p,div等。
- HTML元素通常是有元素节点和文本节点组成。
- 如：创建一个标题(h1)，你必须创建"h1"元素和文本节点。
document.createTextNode(string) 创建文本节点。
document.doctype 返回与文档相关的文档类型声明 (DTD)。
document.documentElement 返回文档的根节点
document.documentMode 返回用于通过浏览器渲染文档的模式
document.documentURI 设置或返回文档的位置
document.domain 返回当前文档的域名。
document.domConfig 已废弃。返回 normalizeDocument() 被调用时所使用的配置。
document.embeds 返回文档中所有嵌入的内容（embed）集合
document.forms 返回对文档中所有 Form 对象引用。语法:document.forms[].property
- 获取元素对象的方法
- document.getElementsByClassName(classname) 返回文档中所有指定类名的元素集合，作为 NodeList 对象。多个类名使用空格分隔，如"test demo"; <input class="test" type="button">
- document.getElementById(id) 返回对拥有指定 id 的第一个对象的引用。
- document.getElementsByName(name) 返回带有指定名称的对象集合。即通过name属性命名的元素标签。如：<input name="x" type="button" > getElementsByName(“x”);return NodeList对象。
- document.getElementsByTagName(tagname) 返回带有指定标签名的对象集合,即html元素。如：p,button,div等。tips:参数值"*"返回文档的所有元素。return NodeList对象。
  
  <p>this is example</p>
  document.getElementsByTagName(“p”)
- document.querySelector(CSS selectors) 返回文档中匹配指定的CSS选择器的第一元素。
  -对于多个选择器，使用逗号隔开，返回一个匹配上的元素。
  
  eg:
  <h2>A h2 element</h2>
  <h3>A h3 element</h3>
  document.querySelector(“h2, h3”).style.backgroundColor = “red”;
  h2为红背景
  eg:
  <h3>A h3 element</h3>
  <h2>A h2 element</h2>
  document.querySelector(“h2, h3”).style.backgroundColor = “red”;
  h3为红背景
- document.querySelectorAll(selectors) document.querySelectorAll() 是 HTML5中引入的新方法，返回文档中匹配的CSS选择器的所有元素节点列表
  
  // 获取文档中所有 class=“example” 的 <p> 元素
  var x = document.querySelectorAll(“p.example”);
  // 设置 class=“example” 的第一个 <p> 元素的背景颜色
  x[0].style.backgroundColor = “red”;
document.images 返回对文档中所有 Image 对象引用。
document.implementation 返回处理该文档的 DOMImplementation 对象。
document.importNode() 把一个节点从另一个文档复制到该文档以便应用。
document.inputEncoding 返回用于文档的编码方式（在解析时）。
document.lastModified 返回文档被最后修改的日期和时间。
document.links 返回对文档中所有 Area 和 Link 对象引用。
document.normalize() 删除空文本节点，并连接相邻节点
document.normalizeDocument() 删除空文本节点，并连接相邻节点的
document.open() 打开一个流，以收集来自任何 document.write() 或 document.writeln() 方法的输出。
document.readyState 返回文档状态 (载入中……)
document.referrer 返回载入当前文档的文档的 URL。
document.removeEventListener() 移除文档中的事件句柄(由 addEventListener() 方法添加)
document.renameNode() 重命名元素或者属性节点。
document.scripts 返回页面中所有脚本的集合。
document.strictErrorChecking 设置或返回是否强制进行错误检查。
document.title 返回当前文档的标题。
document.URL 返回文档完整的URL
document.write() 向文档写 HTML 表达式或 JavaScript 代码。
document.writeln() 等同于 write() 方法，不同的是在每个表达式之后写一个换行符。

Element元素对象的属性和方法

element.accessKey 设置或返回accesskey一个元素

element.addEventListener(event,function,_useCapture) 向指定元素添加事件句柄
element.appendChild() 为元素添加一个新的子元素
element.attributes 返回一个元素的属性数组。eg. <button onclick="myfun" name="mybtn"> document.getElementsByTagName(“button”)[0].attributes.length;//2
element.childNodes 返回元素的一个子节点的数组
element.children 返回元素的子元素的集合
element.classList 返回元素的类名，作为 DOMTokenList 对象。
- 属性 length 返回类列表中类的数量，readonly
- 方法 add(class1,class2,…) 在元素中添加一个或多个类名
- contains(class) 返回布尔值，判断指定的类名是否存在。
- item(index) 返回元素中索引值对应的类名。
- remove(class1,class2,…) 移除元素中一个或多个类名。
- toggle(class,true|false) 在元素中切换类名
element.className 设置或返回元素的class属性
element.clientHeight 在页面上返回内容的可视高度（不包括边框，外边距或滚动条。即：content+padding;except:magrin、border
element.clientWidth 在页面上返回内容的可视宽度（不包括边框，外边距或滚动条）
element.cloneNode() 克隆某个元素
element.compareDocumentPosition() 比较两个元素的文档位置。
element.contentEditable 设置或返回元素的内容是否可编辑
element.dir 设置或返回一个元素中的文本方向
element.firstChild 返回元素的第一个子节点
element.focus() 设置文档或元素获取焦点
element.getAttribute(attributename) 返回指定元素的属性值.即html元素中的属性。eg. <a href="asd">连接</a> element.getAttribute(“href”);//asd
element.getAttributeNode(attributename) 返回指定属性节点 return Attr Object
element.getElementsByTagName() 返回指定标签名的所有子元素集合。
element. getElementsByClassName() 返回文档中所有指定类名的元素集合，作为 NodeList 对象。
element.getFeature() 返回指定特征的执行APIs对象。
element.getUserData() 返回一个元素中关联键值的对象。
element.hasAttribute(attributename) 如果元素中存在指定的属性返回 true，否则返回false。
element.hasAttributes() 参数：none。如果元素有任何属性返回true，否则返回false。
element.hasChildNodes() 参数：none。返回一个元素是否具有任何子元素
element.hasFocus() 参数：none。返回布尔值，检测文档或元素是否获取焦点
element.id 设置或者返回元素的 id。
element.innerHTML 设置或者返回元素的内容。
element.insertBefore() 现有的子元素之前插入一个新的子元素
element.isContentEditable 如果元素内容可编辑返回 true，否则返回false
element.isDefaultNamespace() 如果指定了namespaceURI 返回 true，否则返回 false。
element.isEqualNode() 检查两个元素是否相等
element.isSameNode() 检查两个元素所有有相同节点。
element.isSupported() 如果在元素中支持指定特征返回 true。
element.lang 设置或者返回一个元素的语言。
element.lastChild 返回的最后一个子节点
element.namespaceURI 返回命名空间的 URI。
element.nextSibling 返回该元素紧跟的一个节点
element.nextElementSibling 返回指定元素之后的下一个兄弟元素（相同节点树层中的下一个元素节点）。
element.nodeName 返回元素的标记名（大写）
element.nodeType 返回元素的节点类型
element.nodeValue 返回元素的节点值
element.normalize() 使得此成为一个"normal"的形式，其中只有结构（如元素，注释，处理指令，CDATA节和实体引用）隔开Text节点，即元素（包括属性）下面的所有文本节点，既没有相邻的文本节点也没有空的文本节点
element.offsetHeight 返回任何一个元素的高度包括边框和填充，但不是边距。即：border+padding+content
element.offsetWidth 返回元素的宽度，包括边框和填充，但不是边距即：border+padding+content+竖直方向滚动条(scrollbar)或者说是元素的边框(border)、水平线上的内边距(padding)、竖直方向滚动条(scrollbar)（如果存在的话）、以及CSS设置的宽度(width)的值。
element.offsetLeft 返回当前元素左上角相对- HTMLElement.offsetParent 节点的左边界偏移的像素值。
element.offsetParent 返回一个指向最近的（closest，指包含层级上的最近）包含该元素的定位元素。如果没有定位的元素，则 offsetParent 为最近的 table, table cell 或body元素。当元素的 style.display 设置为 “none” 时，offsetParent 返回 null。offsetParent 很有用，因为 offsetTop 和 offsetLeft 都是相对于其内边距边界的。
element.offsetTop 它返回当前元素相对于其 offsetParent 元素的顶部内边距的距离。
element.ownerDocument 返回元素的根元素（文档对象）
element.parentNode 返回元素的父节点
element.previousSibling 返回某个元素紧接之前元素
element.previousElementSibling 返回指定元素的前一个兄弟元素（相同节点树层中的前一个元素节点）。
element.querySelector() 返回匹配指定 CSS 选择器元素的第一个子元素
document.querySelectorAll() 返回匹配指定 CSS 选择器元素的所有子元素节点列表
element.removeAttribute() 从元素中删除指定的属性
element.removeAttributeNode() 删除指定属性节点并返回移除后的节点。
element.removeChild() 删除一个子元素
element.removeEventListener() 移除由 addEventListener() 方法添加的事件句柄
element.replaceChild() 替换一个子元素
element.scrollHeight 返回整个元素的高度（包括带滚动条的隐蔽的地方）
element.scrollLeft 返回当前视图中的实际元素的左边缘和左边缘之间的距离
element.scrollTop 返回当前视图中的实际元素的顶部边缘和顶部边缘之间的距离
element.scrollWidth 返回元素的整个宽度（包括带滚动条的隐蔽的地方）
element.setAttribute() 设置或者改变指定属性并指定值。
element.setAttributeNode() 设置或者改变指定属性节点。
element.setIdAttribute()
element.setIdAttributeNode()
element.setUserData() 在元素中为指定键值关联对象。
element.style 设置或返回元素的样式属性
element.tabIndex 设置或返回元素的标签顺序。
element.tagName 作为一个字符串返回某个元素的标记名（大写）
element.textContent 设置或返回一个节点和它的文本内容
element.title 设置或返回元素的title属性
element.toString() 一个元素转换成字符串
nodelist.item() 返回某个元素基于文档树的索引
nodelist.length 返回节点列表的节点数目。

Document属性对象的属性和方法

attr.isId 如果属性是 ID 类型，则 isId 属性返回 true，否则返回 false。
attr.name 返回属性名称
attr.value 设置或者返回属性值
attr.specified 如果属性被指定返回 true ，否则返回 false
nodemap.getNamedItem() 从节点列表中返回的指定属性节点。
nodemap.item() 返回节点列表中处于指定索引号的节点。
nodemap.length 返回节点列表的节点数目。
nodemap.removeNamedItem() 删除指定属性节点
nodemap.setNamedItem() 设置指定属性节点(通过名称)

Document事件对象

鼠标事件

onclick 当用户点击某个对象时调用的事件句柄。
oncontextmenu 在用户点击鼠标右键打开上下文菜单时触发
ondblclick 当用户双击某个对象时调用的事件句柄。
onmousedown 鼠标按钮被按下。
onmouseenter 当鼠标指针移动到元素上时触发。
onmouseleave 当鼠标指针移出元素时触发
onmousemove 鼠标被移动。
onmouseover 鼠标移到某元素之上。
onmouseout 鼠标从某元素移开。
onmouseup 鼠标按键被松开。

键盘事件

onkeydown 某个键盘按键被按下。 2
onkeypress 某个键盘按键被按下并松开。 2
onkeyup 某个键盘按键被松开。

框架/对象(Frame/Object)事件

onabort 图像的加载被中断。
onbeforeunload 该事件在即将离开页面（刷新或关闭）时触发
onerror 在加载文档或图像时发生错误。
onhashchange 该事件在当前 URL 的锚部分发生修改时触发。
onload 一张页面或一幅图像完成加载。
onpageshow 该事件在用户访问页面时触发
onpagehide 该事件在用户离开当前网页跳转到另外一个页面时触发
onresize 窗口或框架被重新调整大小。
onscroll 当文档被滚动时发生的事件。
onunload 用户退出页面。

表单事件

onblur 元素失去焦点时触发 2
onchange 该事件在表单元素的内容改变时触发( , , , 和 ) 2
onfocus 元素获取焦点时触发 2
onfocusin 元素即将获取焦点时触发 2
onfocusout 元素即将失去焦点时触发 2
oninput 元素获取用户输入时触发 3
onreset 表单重置时触发 2
onsearch 用户向搜索域输入文本时触发 ( <input=“search”>)
onselect 用户选取文本时触发 ( 和 ) 2
onsubmit 表单提交时触发

粘贴板事件

打印事件

拖动事件

多媒体事件

动画事件

过渡事件

其他事件

事件对象

常量

CAPTURING-PHASE 当前事件阶段为捕获阶段(1) 1
AT-TARGET 当前事件是目标阶段,在评估目标事件(1) 2
BUBBLING-PHASE 当前的事件为冒泡阶段 (3)

属性

bubbles 返回布尔值，指示事件是否是起泡事件类型。 2
cancelable 返回布尔值，指示事件是否可拥可取消的默认动作。 2
currentTarget 返回其事件监听器触发该事件的元素。 2
eventPhase 返回事件传播的当前阶段。 2
target 返回触发此事件的元素（事件的目标节点）。 2
timeStamp 返回事件生成的日期和时间。 2
type 返回当前 Event 对象表示的事件的名称。

方法

initEvent() 初始化新创建的 Event 对象的属性。 2
preventDefault() 通知浏览器不要执行与事件关联的默认动作。 2
stopPropagation() 不再派发事件。

鼠标/键盘事件对象

属性

altKey 返回当事件被触发时，“ALT” 是否被按下。 2
button 返回当事件被触发时，哪个鼠标按钮被点击。 2
clientX 返回当事件被触发时，鼠标指针的水平坐标。 2
clientY 返回当事件被触发时，鼠标指针的垂直坐标。 2
ctrlKey 返回当事件被触发时，“CTRL” 键是否被按下。 2
Location 返回按键在设备上的位置 3
charCode 返回onkeypress事件触发键值的字母代码。 2
key 在按下按键时返回按键的标识符。 3
keyCode 返回onkeypress事件触发的键的值的字符代码，或者 onkeydown 或 onkeyup 事件的键的代码。 2
which 返回onkeypress事件触发的键的值的字符代码，或者 onkeydown 或 onkeyup 事件的键的代码。 2
metaKey 返回当事件被触发时，“meta” 键是否被按下。 2
relatedTarget 返回与事件的目标节点相关的节点。 2
screenX 返回当某个事件被触发时，鼠标指针的水平坐标。 2
screenY 返回当某个事件被触发时，鼠标指针的垂直坐标。 2
shiftKey 返回当事件被触发时，“SHIFT” 键是否被按下。

CSSStyleDeclaration对象

cssstyleDeclaration对象属性

cssText 设置或返回样式声明文本，cssText 对应的是 HTML 元素的 style 属性。
length 返回样式中包含多少条声明。
parentRule 返回包含当前规则的规则。

cssstyleDeclaration对象方法

getPropertyPriority() 返回指定的 CSS 属性是否设置了 “important!” 属性。
getPropertyValue() 返回指定的 CSS 属性值。
item() 通过索引方式返回 CSS 声明中的 CSS 属性名。
removeProperty() 移除 CSS 声明中的 CSS 属性。
setProperty() 在 CSS 声明块中新建或者修改 CSS 属性。