JS 参考手册

JS 参考手册(类别排序) JS 参考手册(字母排序)

JavaScript

JS Array JS Boolean JS Classes JS Date JS Error JS Global JS JSON JS Math JS Number JS 运算符 JS RegExp JS 语句 JS String

HTML DOM

DOM Attributes DOM Document DOM Element DOM Events DOM Event 对象 DOM HTMLCollection DOM Location DOM Navigator DOM Screen DOM Style
alignContent alignItems alignSelf animation animationDelay animationDirection animationDuration animationFillMode animationIterationCount animationName animationTimingFunction animationPlayState background backgroundAttachment backgroundColor backgroundImage backgroundPosition backgroundRepeat backgroundClip backgroundOrigin backgroundSize backfaceVisibility border borderBottom borderBottomColor borderBottomLeftRadius borderBottomRightRadius borderBottomStyle borderBottomWidth borderCollapse borderColor borderImage borderImageOutset borderImageRepeat borderImageSlice borderImageSource borderImageWidth borderLeft borderLeftColor borderLeftStyle borderLeftWidth borderRadius borderRight borderRightColor borderRightStyle borderRightWidth borderSpacing borderStyle borderTop borderTopColor borderTopLeftRadius borderTopRightRadius borderTopStyle borderTopWidth borderWidth bottom boxShadow boxSizing captionSide caretColor clear clip color columnCount columnFill columnGap columnRule columnRuleColor columnRuleStyle columnRuleWidth columns columnSpan columnWidth counterIncrement counterReset cursor direction display emptyCells filter flex flexBasis flexDirection flexFlow flexGrow flexShrink flexWrap cssFloat font fontFamily fontSize fontStyle fontVariant fontWeight fontSizeAdjust height isolation justifyContent left letterSpacing lineHeight listStyle listStyleImage listStylePosition listStyleType margin marginBottom marginLeft marginRight marginTop maxHeight maxWidth minHeight minWidth objectFit objectPosition opacity order orphans outline outlineColor outlineOffset outlineStyle outlineWidth overflow overflowX overflowY padding paddingBottom paddingLeft paddingRight paddingTop pageBreakAfter pageBreakBefore pageBreakInside perspective perspectiveOrigin position quotes resize right scrollBehavior tableLayout tabSize textAlign textAlignLast textDecoration textDecorationColor textDecorationLine textDecorationStyle textIndent textOverflow textShadow textTransform top transform transformOrigin transformStyle transition transitionProperty transitionDuration transitionTimingFunction transitionDelay unicodeBidi userSelect verticalAlign visibility width wordBreak wordSpacing wordWrap widows zIndex
DOM Window

Web APIs

API Console API Geolocation API History API Storage

HTML 对象

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <tfoot> <th> <thead> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

其他参考手册

CSSStyleDeclaration JS 类型转换



JavaScript 运算符参考手册

JavaScript 运算符用于赋值、比较值、执行算术运算等。


JavaScript 算术运算符

算术运算符用于在变量和/或值之间执行算术。

给定 y = 5,下表解释了算术运算符:

运算符 描述 例子 y 中的结果 x 中的结果 试一试
+ 加法 x = y + 2 y = 5 x = 7 试一试 »
- 减法 x = y - 2 y = 5 x = 3 试一试 »
* 乘法 x = y * 2 y = 5 x = 10 试一试 »
/ 除法 x = y / 2 y = 5 x = 2.5 试一试 »
% 模数(除余) x = y % 2 y = 5 x = 1 试一试 »
++ 累加 x = ++y y = 6 x = 6 试一试 »
x = y++ y = 6 x = 5 试一试 »
-- 递减 x = --y y = 4 x = 4 试一试 »
x = y-- y = 4 x = 5 试一试 »

有关算术运算符的知识,请阅读我们的 JavaScript 算术教程


JavaScript 赋值运算符

赋值运算符用于为 JavaScript 变量赋值。

给定 x = 10y = 5,下表解释了赋值运算符:

运算符 实例 等同于 x 中的结果 试一试
= x = y x = y x = 5 试一试 »
+= x += y x = x + y x = 15 试一试 »
-= x -= y x = x - y x = 5 试一试 »
*= x *= y x = x * y x = 50 试一试 »
/= x /= y x = x / y x = 2 试一试 »
%= x %= y x = x % y x = 0 试一试 »

有关赋值运算符的知识,请阅读我们的 JavaScript 赋值教程



JavaScript 字符串运算符

+ 运算符和 += 运算符还可用于连接(添加)字符串。

给定 text1 = "Good "text2 = "Morning",以及 text3 = "",下表解释了该运算符:

运算符 实例 text1 text2 text3 试一试
+ text3 = text1 + text2 "Good " "Morning"  "Good Morning" 试一试 »
+= text1 += text2 "Good Morning" "Morning" "" 试一试 »

比较运算符

在逻辑语句中使用比较运算符来确定变量或值之间的相等性或差异。

给定 x = 5,下表解释了比较运算符:

运算符 描述 比较 返回值 试一试
== equal to x == 8 false 试一试 »
x == 5 true 试一试 »
=== 相等值和相等类型 x === "5" false 试一试 »
x === 5 true 试一试 »
!= 不等于 x != 8 true 试一试 »
!== 不相等的值或不相等的类型 x !== "5" true 试一试 »
x !== 5 false 试一试 »
> 大于 x > 8 false 试一试 »
< 小于 x < 8 true 试一试 »
>= 大于或等于 x >= 8 false 试一试 »
<= 小于或等于 x <= 8 true 试一试 »

有关比较运算符的知识,请阅读我们的 JavaScript 比较教程


条件(三元)运算符

条件运算符根据条件将值赋给变量。

Syntax 例子 试一试
variablename = (condition) ? value1:value2 voteable = (age < 18) ? "Too young":"Old enough"; 试一试 »

实例解析: 如果变量 "age" 的值小于 18,则变量 "voteable" 的值将为 "Too young",否则,"voteable" 的值将为 "Old enough"。


逻辑运算符

逻辑运算符用于确定变量或值之间的逻辑。

给定 x = 6y = 3,下表解释了逻辑运算符:

运算符 描述 例子 试一试
&& and (x < 10 && y > 1) is true 试一试 »
|| or (x === 5 || y === 5) is false 试一试 »
! not !(x === y) is true 试一试 »

JavaScript 位运算符

位运算符可处理 32 位数字。该运算中的任何数字操作数都将转换为 32 位数字。结果将转换回 JavaScript 数字。

运算符 描述 例子 等同于 结果 十进制
& AND x = 5 & 1 0101 & 0001 0001  1
| OR x = 5 | 1 0101 | 0001 0101  5
~ NOT x = ~ 5  ~0101 1010  10
^ XOR x = 5 ^ 1 0101 ^ 0001 0100  4
<< Left shift x = 5 << 1 0101 << 1 1010  10
>> Right shift x = 5 >> 1 0101 >> 1 0010   2

上面的例子使用了 4 位无符号的示例。但是 JavaScript 使用 32 位带符号的数字。

因此,在 JavaScript 中,~ 5 不会返回 10,而是返回 -6。

~00000000000000000000000000000101 将返回 11111111111111111111111111111010


typeof 运算符

typeof 运算符返回变量、对象、函数或表达式的类型:

实例

typeof "John"                 // 返回 string
typeof 3.14                   // 返回 number
typeof NaN                    // 返回 number
typeof false                  // 返回 boolean
typeof [1, 2, 3, 4]           // 返回 object
typeof {name:'John', age:34}  // 返回 object
typeof new Date()             // 返回 object
typeof function () {}         // 返回 function
typeof myCar                  // 返回 undefined (如果 myCar 未声明)
typeof null                   // 返回 object
亲自试一试 »

请注意:

  • NaN 的数据类型是 number
  • 数组的数据类型是 object
  • 日期的数据类型是 object
  • null 的数据类型是 object
  • 未定义变量的数据类型是 undefined

您不能使用 typeof 定义 JavaScript 对象是否为数组(或日期)。

您无法使用 typeof 来定义 JavaScript 对象是否为数组(或日期)。


typeof

delete 运算符从对象中删除属性:

实例

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
delete person.age;   // or delete person["age"];
亲自试一试 »

delete 运算符会同时删除属性的值和属性本身。

删除后,再次将其重新添加前,无法使用该属性。

delete 运算符旨在用于对象属性。它对变量或函数没有影响。

注释: 不应在预定义的 JavaScript 对象属性上使用 delete 运算符。这么做可能会使您的应用程序崩溃。


in 运算符

如果指定的属性在指定的对象中,则 in 运算符将返回 true,否则返回 false:

实例

// Arrays
var cars = ["Saab", "Volvo", "BMW"];
"Saab" in cars          // 返回 false(指定索引号而不是值)
0 in cars               // 返回 true
1 in cars               // 返回 true
4 in cars               // 返回 false (不存在)
"length" in cars        // 返回 true (长度是一个数组属性)

// Objects
var person = {firstName:"John", lastName:"Doe", age:50};
"firstName" in person   // 返回 true
"age" in person         // 返回 true

// Predefined objects
"PI" in Math            // 返回 true
"NaN" in Number         // 返回 true
"length" in String      // 返回 true
亲自试一试 »

instanceof 运算符

如果指定对象是指定对象的实例,则 instanceof 运算符返回 true:

实例

var cars = ["Saab", "Volvo", "BMW"];

cars instanceof Array;          // Returns true
cars instanceof Object;         // Returns true
cars instanceof String;         // Returns false
cars instanceof Number;         // Returns false
亲自试一试 »

void 运算符

void 运算符计算一个表达式并返回 undefined。该运算符通常用于使用 "void(0)" 来获取未定义的原始值(在计算表达式而不使用返回值时很有用)。

实例

<a href="javascript:void(0);">
  Useless link
</a>

<a href="javascript:void(document.body.style.backgroundColor='red');">
  Click me to change the background color of body to red
</a>
亲自试一试 »