Javascript教學
JavaScript語法
在瀏覽器中啓用JavaScript
在HTML文件放置JavaScript
JavaScript變量和數據類型
JavaScript運算符
JavaScript if...else語句
JavaScript Switch Case
JavaScript while循環
JavaScript for循環
JavaScript for...in 循環
JavaScript循環控制
JavaScript函數
JavaScript嵌套函數
JavaScript Function() 構造
JavaScript函數字面值
JavaScript事件
JavaScript Cookies
JavaScript頁面重定向
JavaScript頁面刷新
JavaScript對話框
JavaScript void關鍵詞
Javascript頁面打印
JavaScript對象
Javascript Number對象
Javascript Number.MAX_VALUE
Javascript Number.MIN_VALUE
Javascript Number.NaN
Javascript Number.NEGATIVE_INFINITY
Javascript Number.POSITIVE_INFINITY
Javascript Object.prototype
Javascript Boolean對象
JavaScript Boolean.constructor()方法
Javascript Boolean.toSource()方法
Javascript Boolean.toString()方法
Javascript Boolean.valueOf()方法
Javascript String對象
Javascript String.constructor屬性
Javascript String.length屬性
Javascript String.charAt()方法
Javascript String.charCodeAt()方法
Javascript String.concat()方法
Javascript String.lastIndexOf()方法
Javascript String.localeCompare()方法
Javascript String.match()方法
Javascript String.replace()方法
Javascript String.search()方法
Javascript String.slice()方法
Javascript String.substr()方法
Javascript String.substring()方法
Javascript String.toLocaleLowerCase()方法
Javascript String.toLocaleUpperCase()方法
Javascript String.toLowerCase()方法
Javascript String.toString()方法
Javascript String.toUpperCase()方法
Javascript String.valueOf()方法
Javascript String.anchor()方法
Javascript String.big()方法
Javascript String.blink()方法
Javascript String.bold()方法
Javascript String.fixed()方法
Javascript String.fontcolor()方法
Javascript String.fontsize()方法
Javascript String.italics()方法
Javascript String.link()方法
Javascript String.small()方法
Javascript String.strike()方法
Javascript String.sub()方法
Javascript String.sup()方法
Javascript Arrays對象
Javascript Array.constructor屬性
Javascript Array.length屬性
Javascript Array.concat()方法
Javascript Array.every()方法
Javascript Array.filter()方法
JavaScript Array.forEach()方法
Javascript Array.indexOf()方法
Javascript Array.join()方法
Javascript Array.lastIndexOf()方法
Javascript Array.map()方法
Javascript Array.pop()方法
Javascript Array.push()方法
Javascript Array.reduce()方法
Javascript Array.reduceRight()方法
Javascript Array.reverse()方法
Javascript Array.shift()方法
Javascript Array.slice()方法
Javascript Array.some()方法
Javascript Array.toSource()方法
Javascript Array.sort()方法
Javascript Array.splice()方法
Javascript Array.toString()方法
Javascript Array.unshift()方法
JavaScript Date對象
Javascript Date.constructor屬性
Javascript Date()函數
Javascript Date.getDate()方法
Javascript Date.getDay()方法
Javascript Date.getFullYear()方法
Javascript Date.getHours()方法
Javascript Date.getMilliseconds()方法
Javascript Date.getMinutes()方法
Javascript Date.getMonth()方法
Javascript Date.getSeconds()方法
Javascript Date.getTime()方法
Javascript Date.getTimezoneOffset()方法
Javascript Date.getUTCDate()方法
Javascript Date.getUTCDay()方法
Javascript Date.getUTCFullYear()方法
Javascript Date.getUTCHours()方法
Javascript Date.getUTCMinutes()方法
Javascript Date.getUTCMonth()方法
Javascript Date.getUTCSeconds()方法
Javascript Date.getYear()方法
Javascript Date.setDate()方法
Javascript Date.setFullYear()方法
Javascript Date.setHours()方法
Javascript Date.setMilliseconds()方法
Javascript Date.getUTCMilliseconds()方法
Javascript Date.setMinutes()方法
Javascript Date.setMonth()方法
Javascript Date.setSeconds()方法
Javascript Date.setTime()方法
Javascript Date.setUTCDate()方法
Javascript Date.setUTCFullYear()方法
Javascript Date.setUTCHours()方法
Javascript Date setUTCMilliseconds()方法
Javascript Date.setUTCMinutes()方法
Javascript Date.setUTCSeconds()方法
Javascript Date.setYear()方法
Javascript Date.toDateString()方法
Javascript Date.toLocaleDateString()方法
Javascript Date.toSource()方法
Javascript Date.toString()方法
Javascript Date.toTimeString()方法
Javascript Date.toUTCString()方法
Javascript Date.valueOf()方法
Javascript Date.parse()方法
Javascript Date.UTC()方法
Javascript Math對象
Javascript Math.E屬性
Javascript Math.LN2屬性
Javascript Math.LN10屬性
Javascript Math.LOG2E,屬性
Javascript Math.LOG10E屬性
Javascript Math.PI屬性
Javascript Math.SQRT1_2屬性
Javascript Math.SQRT2屬性
Javascript Math.abs()方法
Javascript Math.acos()方法
Javascript Math.asin()方法
Javascript Math.atan()方法
Javascript Math.atan2()方法
Javascript Math.ceil()方法
Javascript Math.cos()方法
Javascript Math.exp()方法
Javascript Math.floor()方法
Javascript Math.log()方法
Javascript Math.max()方法
Javascript Math.min()方法
Javascript Math.pow()方法
Javascript Math.random()方法
Javascript Math.round()方法
Javascript Math.sin()方法
Javascript Math.sqrt()方法
Javascript Math.tan()方法
Javascript Math.toSource()方法
正則表達式和RegExp對象
Javascript RegExp.constructor屬性
Javascript RegExp.global屬性
Javascript RegExp.ignoreCase屬性
Javascript RegExp.lastIndex屬性
Javascript RegExp.multiline屬性
Javascript RegExp.source屬性
Javascript RegExp.exec()方法
Javascript RegExp.test()方法
Javascript RegExp.toSource()方法
Javascript RegExp.toString()方法
JavaScript文檔對象模型或DOM
JavaScript傳統DOM
JavaScript W3C DOM
JavaScript IE4 DOM
JavaScript錯誤和異常處理
JavaScript表單驗證
JavaScript動畫
Javascript多媒體

JavaScript運算符

什麼是運算符?

簡單的答案可以使用表達式4+5等於9。在這裏,4和5被稱爲操作數;+被稱爲運算符。 JavaScript語言支持下列類型的運算符。

  • 算術運算符

  • 比較運算符

  • 邏輯(或關係)運算符

  • 賦值運算符

  • 有條件的(或三元)運算符

讓我們對所有運算符一個一個地來看看。

算術運算符:

JavaScript語言支持以下算術運算符:

假設變量A=10和變量B=20則:

運算符

描述

示例

+

相加兩個操作數

A + B = 30

-

第一減去第二操作數

A - B = -10

*

相乘兩個操作數

A * B = 200

/

通過分子除以分母

B / A = 2

%

模運算和整數除法後的餘

B % A = 0

++

遞增操作,增加一個整數值

A++ = 11

--

遞減操作,減少一個整數值

A-- = 9

注:加法運算符(+)適用於數字和字符串。例如「a」+10將會得到「a10」。

比較運算符:

JavaScript語言支持以下比較運算符

假設變量A=10和變量B=20則:

運算符

描述

示例

==

檢查兩個操作數的值是否相等,如果是的話那麼條件爲真

(A == B) 不爲 true.

!=

檢查兩個操作數的值是否相等,如果值不相等,則條件變爲真

(A != B) 爲 true.

>

檢查左邊的操作數的值是否大於右操作數的值,如果是的話那麼條件爲真

(A > B) 不爲 true.

<

檢查左邊的操作數的值是否小於右操作數的值,如果是的話那麼條件爲真

(A < B) 爲 true.

>=

檢查左邊的操作數的值是否大於或等於右操作數的值,如果是的話那麼條件爲真

(A >= B) 不爲 true.

<=

檢查左邊的操作數的值是否小於或等於右操作數的值,如果是的話那麼條件爲真

(A <= B) 爲 true.

邏輯運算符:

JavaScript語言支持以下邏輯運算符

假設變量A=10和變量B=20則:

運算符

描述

示例

&&

所謂邏輯與操作。如果兩個操作數是非零那麼那麼的條件爲true

(A && B) 爲 true.

||

所謂的邏輯或操作。如果任何兩個操作數都非零然後再條件變爲true

(A || B) 爲 true.

!

所謂邏輯非運算符。使用反轉操作數的邏輯狀態。如果條件爲真,那麼邏輯非操作符的結果false

!(A && B) 爲 false.

位運算符:

JavaScript語言支持以下位運算符

假設變量A=2和變量B=3,則:

運算符

描述

示例

&

所謂的按位與操作。它執行其整數參數的每一位布爾與運算

(A & B)  =  2 .

|

所謂的按位或操作符。它執行其整數參數的每一位布爾或操作

(A | B)  =  3.

^

所謂的按位異或運算符。它執行布爾異或運算,其整數參數的每個位。異或意味着一個操作數有一個爲真或兩個操作數爲true,但不能同時使用

(A ^ B)  = 1.

~

所謂的按位非操作符。這是一個是一元運算符和操作由扭轉操作數的所有位

(~B) = -4 .

<<

所謂的按位左移運算。它移動的所有位在其第一個操作數向左的第二個操作數指定的位數。新的位用零填充。移一個位置剩下的值等效於乘以2,移位兩個位置相當於乘以4

(A << 1)  = 4.

>>

所謂的按位右移帶符號的操作。它移動的所有位在其第一個操作數到右邊的第二個操作數指定的位數。在左邊填充在比特取決於原始操作數的符號位,在爲了保持結果的符號。如果第一操作數是正的,其結果有放置在高比特零;如果第一操作數是負的,其結果有那些放置在高比特。移的值正確的地方,相當於除以2(捨去餘),右移兩個地方是相當於由4到整數除法,並依此類推

(A >> 1)  =  1.

>>>

所謂的按位右移零操作。操作符與>>操作一樣,所不同的是位移在左側總是零

(A >>> 1)  = 1.

賦值運算符:

JavaScript語言支持以下賦值運算符:

運算符

描述

示例

=

簡單的賦值操作符,分配值從右邊的操作數左側的操作數

C = A + B 將分配A + B 的值到 C

+=

ADD和賦值運算符,它增加了右操作數左操作數和分配結果左操作數

C += A 相等於 C = C + A

-=

減和賦值運算符,它減去右操作數從左側的操作數和分配結果左操作數

C -= A 相等於 C = C - A

*=

乘法和賦值運算符,它乘以右邊的操作數與左操作數和分配結果左操作數

C *= A 相等於 C = C * A

/=

相除賦值運算符,它把左操作數與右操作數和分配結果左操作數

C /= A 相等於 C = C / A

%=

模量和賦值運算符,它需要使用兩個操作數的模量和分配結果左操作數

C %= A 相等於 C = C % A

注:同樣的邏輯也適用於位運算符,它們就如 <<=, >>=, >>=, &=, |= and ^=.

其他運算符

條件運算符 (? :)

有一種叫做條件運算符。根據第一計算表達式爲真或假的值,然後執行根據計算結果來計算給定兩個陳述中的一個。條件操作符的語法如下:

運算符

描述

示例

? :

條件表達式

如果條件爲 true ? 那麼爲X值 : 否則爲 Y值

typeof 運算符

typeof是一元運算符是放置其單個操作數之前,它可以是任何類型。它的值是一個字符串,指示操作數的數據類型。

typeof運算符的計算結果爲"number", "string", 或 "boolean",如果操作數是數字,字符串或布爾值,並返回true或false的基礎上進行評估計算。下面是typeof運算符返回值的列表:

類型

返回 typeof 的字符串

Number

"number"

String

"string"

Boolean

"boolean"

Object

"object"

Function

"function"

Undefined

"undefined"

Null

"object"