JavaScript一種直譯式腳本語言,是一種動態類型、弱類型、基於原型的語言,內置支持類型。 JS作用:表單驗證,減輕服務端的壓力;添加頁面動畫效果;動態更改頁面內容;Ajax網路請求。 下麵簡單介紹JS的基礎知識: >>> JS基礎知識 一、基本結構 <script type="text/jav ...
JavaScript一種直譯式腳本語言,是一種動態類型、弱類型、基於原型的語言,內置支持類型。
JS作用:表單驗證,減輕服務端的壓力;添加頁面動畫效果;動態更改頁面內容;Ajax網路請求。
下麵簡單介紹JS的基礎知識:
>>> JS基礎知識
一、基本結構
<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:數值類型,包括整型和浮點型
Object:對象
3、常用數值函數
① isNaN:用於檢測是一個變數,是不是非數值(Not a Number);
isNaN在檢測時,會先調用Number函數,嘗試將變數轉為數值類型,如果最終結果能夠轉化為數值,則不是NaN。
② Number函數:用於將各種數據類型轉為數值類型
>>>Undefined:無法轉換,返回NaN;
>>>null:轉為0;
>>>Boolean:true轉為1,false轉為0;
>>>字元串:
如果字元串是純數值字元串,可以轉換,"123"-->123
如果字元串包含非數值字元,不能轉換,"123a"-->NaN
如果是空字元串,轉為0,""-->0 " "-->0
③ parseInt():將字元串轉為數值類型
>>>如果是空字元串,不能轉," "-->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/Undefined/NaN:全為假;
⑤ Object:全為真。
2、if判斷:
if(undefined) { console.log(true); } else { console.log(false); }
二、迴圈
1、switch
switch結構的()中可以放各種數據類型:
比對時,採用 "===" 進行判斷,要求數據類型完全相等
var num=1; switch (num){ case 1: console.log("dengyu"); break; default: console.log("budeng"); break; }
【JS中switch 與 Java中switch 的區別:】
Java中switch不能判斷區間,而JS中switch可以判斷區間 ↓↓↓
switch (true){
case num>=0 && num<10:
console.log(1);
break;
case num>=10 && num<100
console.log(2);
break;
default:
console.log(3);
break;
}
2、do-while
do{
}while (false);
3、for迴圈
for(var i=0;i<100;i++){ }
4、例:輸入一個數,判斷其是否是正整數,如果不是正整數,提示輸入有誤,請重新輸入;如果是正整數,反轉輸出這個數。
var num=prompt("請輸入一個正整數:");
var str="";
if(parseInt(num) == num){
while (num>0){
var a = num%10;
str += a;
num = parseInt(num/10);
}
console.log(str);
}else {
console.log("您輸入的數不是正整數!");
}
未完待續>>>