1. 程式人生 > >Javascript基礎了解(12月3日)

Javascript基礎了解(12月3日)

js

一、什麽是Javascript語言:
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日)