JS所包含的大綱內容，以及JS中數據類型、運算符的介紹

JavaSctipt

javascript:1.特效2.表單驗證

         原理：什麼時候？1.找到標籤 什麼時候？2.操做標籤

         寫在那裏？

         內聯（行內）(不推薦直接寫js代碼，常常寫方法調用)

                   寫在標籤裏面，以屬性的形式表現；屬性名是事件屬性（行爲）。

                            on開頭的一系列屬性。

                   <div ></div>

                   <!-- <input type="text" onFocus="alert('點我幹嗎')"> -->

on開頭的一系列屬性。

         內嵌

                   寫在html文件裏面，以標籤的形式表現，表名script。位置隨便，通常寫在head裏面，或者文檔最下面。

                   客戶端腳本語言。

                   <!-- <script type="text/javascript">

                             alert(123);

                   </script> -->

                  

         外部引用

                   寫在html文件裏面，以標籤的形式表現，表名script。

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

 

有什麼操做：

         1.DOM操做（找元素操做）

         命名規則：1.字母、數字、下劃線；2.不能數字開頭；3.不能與關鍵字重名。

 

         2.基礎語法（怎麼操做元素）（必須很清楚的變量裏面是什麼。）

                  變量

                            區分大小寫，

                            先定義再賦值

                            <!-- alert(isNaN(123)); 是數字返回flase.不是數字返回true-->

 

                   常量，標識符，關鍵字，註釋。

                   var aa = 22;

                   var bb = 'aa';

                   alert(bb);

                   數據類型：數字，字符串('',"")，布爾(ture false)。

                            alert(parseInt(「111」));

                            document.write(parseInt(「111」));

                            console.log.(parseInt(「111」)); 直接轉成數字。

                   運算符：

                            算術運算符：+、-、*、/、%、++、--

                                     123%10 =3

                                     parseInt(123/10%10) =2

                                     parseInt(123/100) =1（水仙花數）

                                     加號：+

                                              字符串拼接

                                              「lisi」 + 「zhangsan」 == > 「liaizhangsan」

字符串和數字相加，把最近的數字轉成字符串拼接。

                                               var name1 = ‘lisi’;

alert(name1+1); ==>lisi1

var name1 = ‘lisi’;

alert(1+1+name1);==> 2lisi

var name1 = 'lisi';

alert(name1+1+1);==>lisi11

                                               2.字符拆分(雙引號)

                                               字符串轉數字：從左往右第一個不是數字的位置

                                               parsefolat   parseInt 數據類型的轉換

                                                        「123」 ==》123

                                                        「1asdc」 ==》1

                                                        「a123」  ==》NaN

                                               alert(123 == pareInt(「123」);此時數值相等；

                                               alert(123 === pareInt(「123」);此時數值和數據類型都相等。

***例題***

var a = prompt('請輸入男或者女');

if (a == '男') {

         var man1 = +prompt('請男士輸入體重');

         var man2 = +prompt('請男士輸入身高');

         alert(man1-man2+100);

}

else if (a == '女') {//數值和數值類型都要同樣，對於字符串來講。這裏的「等於運算」，要有兩個等號。

         var man1 = +prompt('請女士輸入體重');

         var man2 = +prompt('請女士輸入身高');

         alert(man1-man2+110);

}

                            賦值運算符：=、+=、-=、/=、*=

                            比較運算符：>、<、>=、<=

                            邏輯運算符：&&  || !

                            三目運算符：表達式？表達式：表達式；

控制語句：

         If（else） 、for 、while 、do{} while 、switch 等

數組

一位數組 二維數組 多維數組

方法

方法：

定義  調用  參數  返回值

         function ff(name,age){

         }

         寫在方法調用的小括號裏面的叫實際參數。

方法：

         function 方法名（）｛

         ｝

 

 

作練習的準備：彈窗

         alert();提示框

         var a =  confirm();選擇框

         var str = prompt();輸入框

                  在前面添加「+」則爲轉數字，不然就是字符串之間的鏈接。

var str =  +prompt();輸入框