js基本語法總結(一)
1.js簡介
a)js是一種網頁腳本語言,使得瀏覽器可以與網頁互動。
js的一種基於對象和事件驅動,具有安全性能的腳本語言,腳本語言就是在客戶端的瀏覽器就可以互動響應處理程序的語言,而不需要服務器的處理和響應。
js也可以與服務器交互響應,而服務器語言(asp、php、jsp)需要將命令上傳服務器,經服務器處理後回傳處理結果。
js可以嵌入到html文件,不需要經過web服務器就可以對用戶操作作出響應,使得網頁與用戶很好的交互,利用客戶端電腦的資源適當減少服務器端的壓力,並減少用戶的等待時間。
b)特點
簡單,只需要瀏覽器就可以執行
解釋執行,事先不編譯,逐行執行,不需要嚴格的變量聲明
基於對象,內置大量現成對象,只需要調用
c)作用
客戶端表單合法性驗證
網頁特殊效果制作
瀏覽器對象的調用
瀏覽器事件的觸發
d)html出現<script>標簽後,頁面會暫停下載和渲染等待腳本的解釋和執行,無論當前腳本是內嵌式還是外鏈式。
2.js的組成(***)
ECMAScript:語法標準
DOM:操作網頁上的元素
BOM:操作瀏覽器的部分功能
3.js語法規範,一行代碼結束後必須有;
程序自上而下執行,遇到錯誤停止
?內嵌式寫法
<script type=”text/javascript”>
Js代碼
</script>
?外連式寫法
<script type=”text/javascript” src=”1.js”>
該標簽內不能再寫js代碼
</script>
4.js輸出信息
a)console.log() 信息輸出到控制臺,用於js調試
b)prompt()彈出對話框,用於接收用戶輸入的信息
c)confirm()頁面彈出對話框,配合if判斷
d)document.write()在頁面輸出信息,還能輸出標簽
5.變量
a)變量聲明 var 變量名;
變量賦值 變量名=‘變量的值’
定義並賦值 var a=1;
6.數據類型
a)
number 數字類型
字符串 string
布爾類型 Boolean
undefined 變量未初始化 定義了變量,沒有給變量賦值
null 變量未引用 值為空 object
b)
object 對象
array 數組
c)
typeof()判斷數據類型
d)比較運算符
< > <= >= == !=
e)算術運算符
+ 數字+數字=數字 數字+字符串=字符串
- 數字-數字/數字字符串=數字 數字-非數字字符串=NAN(not a number 表示不是一個數字)
/ 數字/數字/數字字符串=數字 數字/非數字字符串=NAN(數字類型) 數字/0=Infinity (無限大)(數字類型)
% 取余數
f)
1.date()對象處理日期和時間
2.Math對象
a)
Math.ceil(n1) 天花板函數 向上取整
整數,取整之後是這個數本身
小數,對數進行向上舍入。
b)
Math.floor(n1) 地板函數
整數,取整之後是這個數本身
小數,對數進行向下舍入
c)
Math.max(n1,n2)取兩數中的最大值
Math.min(n1,n2) 最小值
Math.pow(n1,n2) n1的n2次方
Math.round(n1) 四舍五入
Math.random() 返回0-1之間的隨機數
3.數據類型轉換
a)數字類型轉字符串
String(n1)
n1.toString()
b)字符串轉數字
Number(n1)
parseInt(n1)
parseFloat(n1)
c)轉布爾類型
Boolean(n1)
d)
&&與 ||或 非!
e)
“=”賦值運算符
“==”只判斷內容是否相同,不判斷數據類型。
“===”不僅判斷內容,還判斷數據類型是否相同。
!= 只判斷內容是否不相同,不判斷數據類型。
!==不全等於 不僅判斷內容是否不相同,還判斷數據類型是否不相同。
f)變量集體聲明
4.
a)If...else 條件判斷
If(條件表達式){
如果條件表達式結果為true,執行該處代碼。 如果條件表達式結果為false,執行下邊代碼。
}else{
如果條件表達式結果為false,執行該處代碼。
}
b)If else嵌套
If(條件表達式){
如果條件表達式結果為true,執行該處代碼。下邊代碼不執行。如果為false,執行下邊代碼。
}else If(條件表達式){
如果條件表達式結果為true,執行該處代碼。下邊代碼不執行。如果為false,執行下邊代碼。
}else If(條件表達式){如果條件表達式結果為true,執行該處代碼。下邊代碼不執行。如果為false,執行下邊代碼。
}else{
如果上邊條件表達式結果都為false,執行該處代碼。
}
c)三元表達式
表達式?結果1:結果2;
如果表達式結果為true,執行結果1,如果表達式結果為false,執行結果2.
可以理解為if else 的另外一種寫法。
5.代碼調試
f12
1.switch語句
switch後邊的變量和case後邊值的數據類型必須保持一致
b)Switch語句可以對變量進行集體判斷
2.自增自減
i++ i--
3.循環
a)while循環
While(條件表達式){
只要條件表達式結果為true,循環一直執行,當條件表達式結果為false的時候,循環終止
}
While循環語句需現在循環體外定義變量
b) Do while
Do{
循環體代碼;首先執行該循環體代碼一次。如果while後邊的表達式結果為true,該循環體會一直循環。如果結果false,該循環終止。
}while(條件表達式)
do while 比while循環多循環一次
c)for循環
for(定義變量;條件表達式;自增自減){
循環體代碼
}
執行順序:
◆首先定義變量
◆如果條件表達式結果為true的時候,執行for循環裏的代碼,如果為false,循環體代碼終止執行。
◆先執行變量和條件表達式循環一次,再執行自增自減。
d)在循環體內,只要代碼遇到break,程序立馬結束當前循環
e)
Continue語句指的是跳出本次循環,該語句後面的代碼不再執行,整個循環體繼續循環。
4.數組
a)創建
b)賦值
c)初始化遍歷
d)數組名.length獲取數組長度(元素個數)
e)數組合並 concat()
f)Join方法返回一個字符串數組
5.函數(方法)
a)定義
b)調用
js基本語法總結(一)