最新的Web開發教程
 

JavaScript例子


有什麼可以做的JavaScript?

JavaScript可以改變HTML內容
JavaScript可以改變HTML屬性
JavaScript可以改變CSS樣式
JavaScript可以驗證輸入

舉例說明


JavaScript的輸出

寫入到一個窗口,提示框
寫入HTML輸出
寫入HTML元素
寫入瀏覽器控制台

輸出解釋


在哪裡插入JavaScript

在JavaScript的<head>
在JavaScript的<body>
在JavaScript的外部文件

放置解釋


JavaScript語法

JavaScript語句
JavaScript的數字
JavaScript的字符串
JavaScript表達式
JavaScript的關鍵字
JavaScript的變量
JavaScript的分配
JavaScript的運營商
JavaScript註釋
JavaScript是區分大小寫

語法解釋


JavaScript語句

JavaScript語句是瀏覽器的命令
JavaScript代碼是一個語句序列
JavaScript語句用分號隔開
一行中的多個語句被允許
JavaScript語句可以一起在代碼塊進行分組
您可以操作或逗號之後打破了代碼行。

聲明解釋


JavaScript的評論

單行註釋
單行註釋在一行的末尾
多行註釋
單行註釋來防止執行
多行註釋,以防止執行

評論解釋


JavaScript的變量

JavaScript的變量
JavaScript作為變量的代數
JavaScript的數字和字符串
JavaScript的var關鍵字。
在一個聲明,宣布許多變數
聲明諸多變數多行
沒有值的變量返回值undefined
再聲明一個變量不會破壞價值
添加JavaScript號
添加JavaScript字符串
添加字符串和數字

變量解釋


JavaScript的算術

加入(+)算子
減法(-)算子
乘法(*)運算符
除法(/)運算符
模量(%)算子
增量(++)算子
遞減(--)運算符

算術解釋


JavaScript的分配

=賦值運算符
+=賦值運算符
-=賦值運算符
*=賦值運算符
/=賦值運算符
%=賦值運算符

分配解釋


JavaScript的字符串連接

添加兩個字符串在一起使用串聯(+)運算符
與第一個字符串中的空間增加了兩個串在一起
在兩者之間的空間增加了兩個串在一起
添加兩個字符串使用+ =運算符使用
添加字符串和數字

級聯解釋


JavaScript的數據類型

聲明(創建)字符串
聲明(創建)號
聲明(創建)一個數組
聲明(創建)一個對象
找到一個變量的類型
加入兩個數字和一個串
添加串和兩個數
未定義的變量
空變量

數據類型介紹


JavaScript對象

創建一個JavaScript變量
創建一個JavaScript對象
創建一個Person對象(單線)
創建一個Person對象(多線)
使用.property訪問對象屬性
使用訪問對象屬性[屬性]
訪問函數財產的方法
訪問函數財產屬性

對象解釋


JavaScript函數

一個簡單的函數
帶參數的函數
與參數2的函數
返回一個值的函數
可以轉換到華氏攝氏度的函數
函數調用無()

功能介紹


JavaScript事件

一個onclick事件改變HTML元素
onclick事件改變了自己的元素
onclick事件調用一個函數

活動介紹


JavaScript的字符串

字符串可以用單或雙引號來寫。
顯示一些字符串例子
報價前反斜線接受報價的報價。
找到一個字符串的長度
你可以打破文本字符串用一個反斜杠。
你不能用一個反斜杠破解代碼。
查找字符串文本中第一次出現的位置- indexOf()
搜索字符串中的文本,並返回文本若發現- match()
字符串中的字符替換- replace()
字符串轉換為大寫- toUpperCase()
字符串轉換為小寫- toLowerCase()
拆分一個字符串到一個數組- split()

字符串解釋


JavaScript的數字

數被認為是只能精確到15位
浮點運算並不總是100%準確
但它有助於相乘並除以10
常數,以0x開頭,被解釋為十六進制
toString()方法可以輸出數字為十六進制,八進制,和二進制
JavaScript的將產生無限,如果你計算過大數量
被零除產生無限
一個字符串分割的數字是不是數字

數字解釋


JavaScript的數學

使用Math.random()為0和1之間返回一個隨機數
使用Math.round()四捨五入一些
使用Math.ceil()四捨五入號碼(最多)
使用Math.floor()四捨五入的數字(下)
使用Math.floor()random()返回一個隨機整數
使用Math.max()與最高值返回數字
使用Math.min()與最低值返回數字
攝氏轉換到華氏

數學解釋


JavaScript的日期

使用Date()來顯示當天的日期和時間
使用getFullYear()顯示年份
使用getTime()來計算自1970年以來的毫秒數
使用setFullYear()設置特定日期
使用toUTCString()到今天的日期(根據UTC)轉換為字符串
使用getDay()來顯示星期為數字
使用getDay()和一個數組來顯示星期幾的名字
顯示時鐘

日期解釋


JavaScript數組

創建一個數組
加入兩個數組- concat()
加入三個數組- concat()
加入一個數組的所有元素為一個字符串- join()
刪除數組的最後一個元素- pop()
新元素添加到數組的結束- push()
扭轉元件的順序以陣列- reverse()
刪除數組的第一個元素- shift()
從數組中選擇元素- slice()
數組排序(按字母順序和升序) - sort()
排序號(數字和上升) - sort()
排序號(數字和降序) - sort()
在數組中的元素添加到位置2 - splice()
將數組為字符串- toString()
新元素添加到數組的開頭- unshift()

數組解釋


JavaScript的類型轉換

顯示所有typeof運算變量類型
顯示所有變量類型的構造函數
將數字轉換到使用字符串String()
通過將數字轉換為字符串toString()
找出是否一個變量是一個數組
找出是否一個變量是一個日期

類型轉換解釋


JavaScript的布爾

顯示布爾值(10> 9)
顯示10> 9的值
一個真正有價值的東西是真實的
零布爾值是假的
負零的布爾值是假的
一個空字符串的布爾值是假的
未定義的布爾值是假的
空的布爾值是假的
假布爾值是假的
的布爾值NaN是假的

布爾值解釋


JavaScript的比較

分配5 x和顯示的值(x == 8)
分配5 x和顯示的值(x == 5)
分配5 x和顯示的值(x === 5)
分配5 x和顯示的值(x ===“5”)
分配5 x和顯示的值(x!= 8)
分配5 x和顯示的值(x!== 5)
分配5 x和顯示的值(x!==“5”)
分配5 x和顯示的值(x> 8)
分配5 x和顯示的值(x <8)
分配5 x和顯示的值(x> = 8)
分配5 x和顯示的值(x <= 8)

比較解釋


JavaScript的條件語句

if語句
該else語句
if語句的else
隨機鏈接
Switch語句

條件語句解釋


JavaScript的循環

For循環
通過HTML頭循環
While循環
do while循環
打破循環
突破並繼續循環
在聲明中通過一個對象的元素使用了...循環

循環解釋


JavaScript錯誤處理

try...catch語句
try...catch與確認框聲明
onerror事件

錯誤解釋


JavaScript的正則表達式

搜索在一個字符串表達式
搜索表達式並替換

正則表達式解釋


JavaScript對象

創建JavaScript變量
創建JavaScript對象
創建JavaScript對象(單線)
創建JavaScript對象(多線)
創建使用新的JavaScript對象
創建使用構造JavaScript對象
創建內置的JavaScript對象
最好的方法來創建JavaScript的變量
JavaScript對象是可變的,

對象解釋


JavaScript對象屬性

使用.property訪問屬性
使用訪問屬性[屬性]
使用的訪問屬性
添加新的特性現有對象
從對象刪除特性

對象屬性解釋