Javascript基礎了解(12月3日)
JavaScript 是腳本語言
JavaScript 是一種輕量級的編程語言。
JavaScript 是可插入 HTML 頁面的編程代碼。
JavaScript 插入 HTML 頁面後,可由所有的現代瀏覽器執行。
二、Javascript需要知道的三個彈框:
(1)alert(“ ”) 彈窗(警告框)
(2)confirm(“ ”)確認框(框中有確認和取消按鈕)
(3)prompt(“ ”,)提交確認框(逗號後可以輸入一個默認值)
三、輸出語句:
(1)console.log(“ ”) 可以在控制臺上輸出消息(在火狐或者谷歌上頁面上按F12即可呈現出控制臺)。
(2)document.write(“ ”)直接會在頁面上呈現。
四、變量的定義:
所有變量均由 var 定義。
五、Javascript中的數據類型:
(1)字符串類型(string):字符串由 “ ”/‘ ’ 包住。
(2)空類型(Nall)
(3)未知數類型(underfined)
(4)數字類型(number)
(5)布爾值(boolear)
(6)復雜對象(object)
其中可以用語句 typeof()來檢測數據的類型。
六、Javascript中的運算符:
+ | 加 |
- | 減 |
* | 乘 |
/ | 除 |
% | 求余數 (保留整數) |
++ | 累加 |
-- | 遞減 |
七、Javascript中的賦值運算符:
運算符 等價於
= | |
+= | x=x+y |
-= | x=x-y |
*= | x=x*y |
/= | x=x/y |
%= | x=x%y |
八、比較運算符和邏輯運算符:
(1)比較運算符:
“==”相等 “==="絕對等於 “!=”不等於 “!==”絕對不等於
(2)邏輯運算符:
“&&”與 “||”或 “!”非
九、 條件運算符(三目運算符):
語法:
(條件)?“條件成立時的結果”:“條件不成立時的結果”
eg:
var age=prompt(“請輸入您的年齡段”);
alert(age>=18)?“成年人,允許上網”:“未成年人,無法上網”;
十、Javascript中如何獲取元素內容:
通過ID名獲取信息:document.getElementById("").innerHTML/innerText ; 其中innerHTML為獲取其中所有的元素,包括裏面的所有標簽內容,二innerText只能獲取其中的文字信息。
通過類名獲取信息:document.getElementsByClassName("")[ ].innerHTML/innerText;
通過標簽名獲取信息:document.getElemenstByTag("")[ ].value; value可以獲取表單中的信息。
除了通過id名獲取信息外,剩下所有的均要在後面的方括號中添加索引值,第一個索引值為[0]。
十一、Javascript中的語句:
(1)if語句:
if 語句 - 只有當指定條件為 true 時,使用該語句來執行代碼
if...else 語句 - 當條件為 true 時執行代碼,當條件為 false 時執行其他代碼
if...else if....else 語句 - 使用該語句來選擇多個代碼塊之一來執行
switch 語句 - 使用該語句來選擇多個代碼塊之一來執行
(2)switch語句:
switch 語句用於基於不同的條件來執行不同的動作
eg:執行不同的代碼塊
switch(n)
{
case 1:
執行代碼塊 1
break;
case 2:
執行代碼塊 2
break;
default:
n 與 case 1 和 case 2 不同時執行的代碼
}
(3)循環語句:
for - 循環代碼塊一定的次數
for/in - 循環遍歷對象的屬性
while - 當指定的條件為 true 時循環指定的代碼塊
do/while - 同樣當指定的條件為 true 時循環指定的代碼塊
十二、Javascript中的事件:
onload 和 onunload 事件會在用戶進入或離開頁面時被觸發。
onchange 事件當發生變化時觸發。
onmouseover 和 onmouseout 事件可用於在用戶的鼠標移至 HTML 元素上方或移出元素時觸發函數。
onfocus當輸入字段獲得焦點時觸發。
onmousedown 和 onmouseup當用戶按住鼠標或松開時觸發。
十三、Javascript中的Math函數:
Math.E 常數
Math.PI π(圓周率)
Math.round( ) 四舍五入到整數
Math.random( ) 隨機產生一個0~1的小數
Math.ceil( ) 向上取整
Math.floor( ) 向下取整
Javascript基礎了解(12月3日)