1. 程式人生 > >js基本語法總結(一)

js基本語法總結(一)

向上取整 取余 轉字符串 結果 lin ase 調試 錯誤 進行

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基本語法總結(一)