1. 程式人生 > >JavaScript 基礎知識點

JavaScript 基礎知識點

{} oca 數據 初始 順序結構 類型 switch post 取余

javascript作用:
1、頁面的交互特效
2、表單驗證

javascript組成:
1、ECMAscript---核心
2、DOM---文檔對象模型 document
3、BOM---瀏覽器對象模型
window--窗口
history--歷史
location--地址欄(url)
document--頁面(body) DOM

javascript怎麽幹?
1.獲取元素(標簽) 通過id、class、標簽獲取
2.操作內容
3.操作屬性
4.操作樣式
5.創建刪除標簽
6.操作事件

javascript語言(套路):
1.註釋、關鍵字、標識符、常量
//單行註釋
/*
多行註釋
*/
標識符規則:字母、數字、下劃線、$符號等4個組成部分,數字不能作為名字
常量:10 1000 “你好”
2.變量、數據類型


變量:
定義並賦值:var 變量名 = 值;名 = 值;
javascript數據類型(6種):
1、number數字(int(整型,沒有小數點)/float(小數))
2、string “字符串”字符串數字相加拼接
3、boolean 布爾類型:不是真就是假 true(真) false(假)
4、null 空值 沒有指向
5、undefined 沒有定義
6、Object 對象
(數組是對象的一部分)
3.運算符
1、算數運算符:+ -* / %取余 {++自增 --自減 自增自減在前在後 ++在後 先計算後++ ++在前 先++後計算}
賦值運算符: = += -=
2、關系運算符: > < >= <= != ==值大小的比較(判斷) ===值大小和數據類型都比較
3、邏輯運算符:&& //或者 !返 return:返回
4、三元運算符:表達式
4.控制語句
順序結構
分支選擇結構:if
else if
switch:是匹配具體的值,沒有找到break往下一個case裏面找直到最後 case具有穿透性
break:跳出

字符串轉字符:parseInt(內容)


循環結構:while()死循環 do{}while() for()
兩種循環使用場景:
for:已知循環次數的
while:滿足某個條件 終止循環

break:在循環、switch裏邊有使用跳出當前的本層循環 終止循環
continue:在循環裏邊使用跳出本次循環,進入下次循環

for(var i=0; i<0;i++){

}
for( 1.初始化;2.條件判斷;3.狀態改變){
4.執行的代碼
}

while(1表達式 2.執行的代碼){
}
1.
判斷表達式是不是ture

do{

}while(表達式);
如果表達式1 成立 執行代碼1 否則執行代碼2


if(表達式1){
執行的代碼
}else(表達式2){
執行的代碼
}
if成立執行if,不成立執行else

switch(匹配的值){

case"值":

代碼

break;

default

代碼

break

}

註:當沒有找到break時,繼續往下找break


5.數組
6.方法(函數)
函數定義
1.function 方法名(參數列表1,參數列表2...){
代碼集合
}
2.var 方法名 = function(參數列表){}
函數(方法)沒有調用就不執行

方法調用:方法名(參數列表1,參數列表2...)


類、對象

console.log(控制臺 打印)

javascript使用方式:
1.直接在標簽裏面寫,事件屬性的值(常用的值是方法名)
<div onClick="alert(123)">彈出123</div>
2.在html文件中以標簽的的形式展現,標簽名是script
<script type="text/javascript">
js代碼
</script>
3.外部引用在html文件中以標簽的的形式展現,標簽名是script
<script type="text/javascript" src=""></script>

js三種彈窗:
alert();---告警窗口 沒有返回值
confirm();---選擇窗口 有返回值 布爾類型
prompt();---輸入窗口 有返回值 用戶輸入

JavaScript 基礎知識點