JavaScript基礎知識必知！！！

標籤：常用   OLE   檢測   lse   ajax   als   function   str   i++   

>>>js基礎知識

 

一、js作用

1、表單驗證，減輕服務端的壓力；

2、添加頁面動畫效果

3、動態更改頁面內容

  ※4、Ajax網路請求

 

二、基本結構

<script type="text/javascript">

alert("hahaha");

</script>

 

三、使用JS的三種方式

1、直接在HTML標籤中，使用事件屬性，調用JS代碼：

<button onclick="alert(‘點我！‘);">點我！</button>

2、在頁面的任意位置，使用script標籤，插入JS代碼。

<script type="text/javascript">

alert("hahaha");

</script>

3、引入外部JS檔案：

<script src= "js/01.js" type="text/javascript"></script>

[注意事項]

① JS代碼可以放在頁面的任意位置使用，但是放置的位置不同，將影響JS執行的順序

② 引入外部JS的script標籤中，不能再包含任何的JS代碼。

 

四、JS中的變數

1、變數的聲明

var num = 1;        // 使用var聲明的變數，屬於局部變數，只在當前作用於有效

num = "hahaha";      // 不用var聲明的變數，預設為全域變數，在整個JS檔案中可用

var a=1,b,c=2;  // 使用一行代碼，聲明多個語句。其中b為Undefined

 [JS中變數聲明的注意事項]

① JS中聲明變數的關鍵字只有一個var，變數的類型，取決於所賦的值；

如果聲明後為賦值，則為Undefined類型。

② JS中同一個變數，可以在多次賦值中，被修改資料類型；

var num1=1;

num = "字串";

③ 變數可以使用var聲明，也可以直接賦值聲明；

[區別] 使用var聲明的範圍為局部變數。

④ 在JS中，一個變數可以多次使用var聲明，後面的聲明相當於直接賦值，沒有任何作用；

⑤ JS變數區分大小寫，大寫和小寫不是一個變數；

2、JS中的資料類型：

Undefined：使用var聲明，但是沒有賦值的變數

null：表示空的引用

Boolean：真假

Number：數實值型別，包括整型和浮點型

String：字串

Object：對象

3、常用數值函數

① isNaN：用於檢測是一個變數，是不是非數值（Not a Number）；

isNaN在檢測時，會先調用Number函數，嘗試將變數轉為數實值型別，如果最終結果能夠轉化為數值，則不是NaN。

② Number函數：用於將各種資料類型轉為數實值型別

>>>Undefined：無法轉換，返回NaN；

>>>null：轉為0；

>>>Boolean：true轉為1，false轉為0；

>>>字串：

如果字串是純數值字串，可以轉換，"123"-->123

如果字串包含非數值字元，不能轉換，"123a"-->NaN

如果是Null 字元串，轉為0，""-->0 " "-->0

③ parseInt()：將字串轉為數實值型別

>>>如果是Null 字元串，不能轉，" "-->NaN

>>>如果是純數實值型別字串，可以轉換，且小數點直接捨去，不保留，"123"-->123 "123.9"-->123

>>>如果字串包含非數值字元，則將非數值字元前面的整數進行轉換，"123a"-->123 "a123"-->NaN

④ parseFloat()：轉換機制與java相同。

不同的是：轉換數值字串時，如果字串為小數則可以保留小數點，"123.5"-->123.5 "123"-->123

⑤ typeof()：檢測一個變數的資料類型。

字串->String  數值->number   true/false->boolean

未定義->undefined  對象/null->object  函數->function

 

五、JS中常用的輸入輸出語句

1、alert()：彈窗輸出

 2、prompt()：彈窗輸入

接受兩部分參數：① 輸入提示內容；② 輸入框的預設文本。（兩部分都可以省略）

輸入的內容預設都是字串。

3、document.write("<h1>12345</h1> <h6>hahaha</h6>");

在瀏覽器螢幕上面列印。

4、console.log("hahaha");

瀏覽器控制台列印。

 

六、JS中的運算子

1、除號：無論符號兩邊是整數還是小數，除完後都將按照實際結果保留小數；

22/10 --> 2.2

2、===：要求等號兩邊的資料、類型和值都必須相同。如果類型不同，直接返回false

==：只判斷兩邊的資料，值是否相等，並不關心等式兩邊是否是同一種資料類型

！=：不等  ！==：不全等

3、&、| 只能進行按位元運算，如果兩邊不是數實值型別，將轉為數實值型別再運算；

&&、|| 進行邏輯運算

4、各級運算子的運算層級：

 

 

 

>>>js分支與迴圈

 

一、if判斷

1、JS中的真假判斷：

① Boolean類型：true為真，false為假；

② 數實值型別：0為假，非0為真；

③ 字串類型：""為假，非Null 字元串為真；

④ Null/Undefined/NaN：全為假；

⑤ Object：全為真。

2、if判斷：

 

 

 

二、迴圈

1、switch

switch結構的()中可以放各種資料類型：

比對時，採用  "==="  進行判斷，要求資料類型完全相等

 

 

 

JS中switch 與 Java中switch 的區別：

Java中switch不能判斷區間，而JS中switch可以判斷區間 ↓↓↓

 

 

2、do-while

do{

 

}while (false);

3、for迴圈

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

 

}

4、例：輸入一個數，判斷其是否是正整數，如果不是正整數，提示輸入有誤，請重新輸入；如果是正整數，反轉輸出這個數。

 

 

 

JavaScript基礎知識必知！！！