一、js基本文法
1、js書寫
(1)script[src 引入js檔案的路徑][type="text/javascript" 檔案類型,可省略]
* 在擁有src屬性的script标簽寫js代碼,無效
* head>script,body>script
(2)a[href="javascript:js代碼;"]
2、 js注釋
// 單行注釋
/* 多行注釋,不要嵌套多行注釋*/
(二)聲明變量及指派
1.聲明變量,通過關鍵字var
例:var cup;
2.給變量指派,通過=,将右邊的值賦給左邊的變量
例:cup = "orange";
3. 同時聲明變量及指派
例: var fruit = "lemon";
4. 同時聲明多個變量,用逗号隔開
例:var a,b,c;
a = 10;
b = 20;
c = 30;
5.變量名的命名規則
(1) 不能以數字開頭,包含字母、數字、_、$
(2)不能使用關鍵字
(3) 嚴格區分大小寫
*命名建議:
(1) 見名知意
(2) 駝峰命名 myUserName
(三)資料類型(值)
1、基本資料類型
(1) 數字類型number
(1.1) 普通數字
(1.2) NaN:代表非數字
* 與任何數進行運算都得到NaN
* 不等于任何數,甚至不等于自己
* isNaN() 判斷是不是非數字,是數字就傳回false,其他值都傳回true
(2)字元串類型 string
(2.1) 有引号的值都是字元串類型
(2.2)字元串内還有别的在引号('',"")
* 将外層引号替換成另外一種
* 通過轉義字元\
(2.3)字元串中間拼接變量:引号引号(最外層),加号加号,變量("+a+")
(3)布爾類型 boolean
(3.1) 隻有兩個值:true 、false
2、特殊資料類型
(1)null 空對象
*、隻有唯一的值null
*、注意代碼的執行順序。
(2)undefined 代表的是聲明變量未指派
*、隻有唯一的值undefined
*、注意區分報錯資訊: ** is not defined。代表變量未聲明。
3、 判斷資料類型 typeof()
(3.1)typeof(123); //"number"
(3.2)typeof(NaN); //"number"
(3.3)typeof(""); //"string"
(3.4)typeof("AFDF"); //"string"
(3.5)typeof(true); //"boolean"
(3.6)typeof(false); //"boolean"
(3.7)typeof(null); //"object" !!!
(3.8)typeof(undefined);//"undefined"
(3.9)typeof(typeof(123));//"string"
(四)資料類型的轉換
1、直接轉換
(1)Number() 轉換成數字類型
*、字元串->數字: 空字元串轉成數字為0.若可以轉換成數字,傳回值就是數字。若不能轉成數字就是NaN。
* 布爾值->數字: true->1,false->0
(2)String() 轉換成字元串類型
* 直接加引号
(3)Boolean() 轉換成布爾類型
* 除了0、NaN、""、null、undefined轉成false,其他都轉成true。
2、隐式轉換
(1)若運算無法進行下去的時候,會嘗試将資料類型進行隐式轉換後,再運算。
(2)若隐式轉換後依舊無法運算,會傳回NaN
(五)輸出
1. alert()
(具體的值||變量(不要加引号)) 彈窗
2. document.write()
*、(具體的值||變量(不加引号))
*、往body裡面追加内容
3. console.log()
*、(具體的值||變量(不要加引号)) 列印到控制台console,一般用于代碼調試
4. ID名稱.innerHTML = "内容或标簽"
(4.1)給**元素添加内容,内容可以包括标簽。
例:<div id=a></div>
a.innerHTML = '<span style="color:red;">'+_num'+是一個偶素</span>