亚洲另类97色波,四季久久免费一区二区三区四区,丰满蜜桃精品视频网,国产在线观看无码九色8X视频亚洲中文字幕久久精品无码喷水_国产精品无码一区二区

JavaScript自己整理的基礎(chǔ)-01

2018-6-5    seo達人

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里

1.JavaScript 簡介：

JavaScript是互聯(lián)網(wǎng)上最流行的腳本語言，所有現(xiàn)代的HTML都使用JavaScript。既然是腳本語言，那么它的特點就有一下三種：

    （1）弱類型；

    （2）解釋型語言（不需要編譯）；

    （3）逐行執(zhí)行，一行代碼錯誤，其后的代碼塊都不會繼續(xù)執(zhí)行；

    （4）<script>標(biāo)簽可直接嵌入到HTML文件中，位置是任意的，通常放在被修飾內(nèi)容下面或者head標(biāo)簽中，但寫成單獨的js文件有利于結(jié)構(gòu)和行為的分離

2.JavaScript 內(nèi)容（附圖）：

    

       其中ECMAScript是JavaScript的核心；

       DOM是文檔對象模型（使用js操作網(wǎng)頁）；

       BOM是瀏覽器對象模型（使用js操作瀏覽器）

3.JavaScript 信息的輸出：

    （1）alert( )方法：以提示框的形式在頁面輸出 ，例;

[javascript] view plain copy
  1. <script>  
  2.     alert("hello,javascript")  
  3. </script>  

    （2）console.log( )方法：在控制臺輸出信息，例：

[javascript] view plain copy
  1. console.log("hello,javascript")  

    （3）document.write( )：將內(nèi)容直接寫在HTML頁面中，例：

[javascript] view plain copy
  1. document.write("hello,javascript")  

4.JavaScript 變量：

    與 Java不同，ECMAScript 中的變量無特定的類型，定義變量時只用 var 運算符，可以將它初始化為任意值，變量的初始化格式：var 變量名 = 變量值；例：

[javascript] view plain copy
  1. var a = "hello";  
  2. var b = 123;  

    如果要定義多個變量，那么可以用將多個變量寫在一行，用逗號進行分隔；例：

[javascript] view plain copy
  1. var a = "你好",  
  2.     b = 123,  
  3.     c = "hello";  

    變量名字的變量規(guī)則：    

    （1）由字母、數(shù)字、下劃線、$符號構(gòu)成

    （2）不可以以數(shù)字開頭，不建議以下劃線開頭；

    （3） 嚴(yán)格區(qū)分大小寫；

    （4）不可以是關(guān)鍵字和保留字

5.JavaScript 數(shù)據(jù)類型：

    JavaScript可以分為原始數(shù)據(jù)類型，引用數(shù)據(jù)類型兩種：

    （1）原始數(shù)據(jù)類型：Number，String，Boolean，undefined，null

    Number：數(shù)值型，就是數(shù)字，包含正數(shù)、負數(shù)、整數(shù)、小數(shù)、0、NaN、Infinity（正無窮）、-Infinity（負無窮）；

    注意：NaN：not  a  number的縮寫，表示該值不是一個數(shù)值（也屬于Number）

    String：字符串：用雙引號""或單引號''包起來的0個或多個字符，如果引號中什么也沒有，那么這個字符串被稱為空字符串

    Boolean：布爾型：包含true：表示真（成立）和false：表示假（不成立）兩個值

    undefined：表示變量未定義，或變量被定義出來，但是沒有被賦值

    null：表示一個變量沒有指向任何一片存儲空間，即變量存在，但是里面是空的，類似于Undefined

    （小提示：在Chrome瀏覽器控制臺輸出時，會發(fā)現(xiàn)Number類型為深藍色，String為黑色，Boolean為淺藍色，undefined和null都為淺灰色）

    （2）引用數(shù)據(jù)類型：

    Object（對象），Array（數(shù)組），Date（日期），RegExp（正則）。。等等

    （3）如何查看一個變量的數(shù)據(jù)類型（typeof 運算符）：        

             數(shù)值型數(shù)據(jù)：返回值為number   

[javascript] view plain copy
  1. console.log(typeof 123)   //輸出number  

             字符串型數(shù)據(jù)：返回值為string

[javascript] view plain copy
  1. console.log(typeof "你好")  //輸出string  

             布爾型數(shù)據(jù)：返回值為boolean

[javascript] view plain copy
  1. console.log(typeof true/false)    //輸出boolean  

             Undefined：返回值為undefined

[javascript] view plain copy
  1. console.log(typeof undefined)   //輸出undefined  

             Null：返回值為Object（歷史遺留問題，說明null也是一個對象）

[javascript] view plain copy
  1. console.log(typeof null)     //輸出object  

             NaN：返回值為number

[javascript] view plain copy
  1. console.log(typeof NaN)    //輸出number  

6.JavaScript 數(shù)據(jù)類型的轉(zhuǎn)換：

    （1）在使用加法（+）運算符時，任何數(shù)據(jù)與字符串類型數(shù)據(jù)相加都為字符串類型數(shù)據(jù)；

[javascript] view plain copy
  1. console.log("你好" + 123)    //輸出"你好123"  

        注（簡單理解）： 在JavaScript 中空字符串""轉(zhuǎn)換為false，非空字符串轉(zhuǎn)換為true（除“0”，“1”外）；

                false轉(zhuǎn)換為 0 或“0”，true轉(zhuǎn)換為 1 或“1”；

                做邏輯判斷的時候，null，undefined，""(空字符串)，0，NaN都默認為false；

                ==在比較的時候可以轉(zhuǎn)換數(shù)據(jù)類型，===是嚴(yán)格比較，只要類型不匹配就返回false；

                    其實 == 的比較確實是轉(zhuǎn)換成字符串來比較但，但是在布爾型轉(zhuǎn)換為字符串之前，要先轉(zhuǎn)換成 Number

[javascript] view plain copy
  1. console.log("123" == true)    //輸出false  
  2. console.log("1" == true)     //輸出true  
  3. console.log("" == true)     //輸出false  
  4. console.log(1 == true)     //輸出true  
  5.   
  6. console.log("" == false)    //輸出true  
  7. console.log('123' == false)   //輸出fasle  
  8. console.log('0' == false)    //輸出true  
  9. console.log(0 == false)    //輸出true  
  10.   
  11. console.log('1' == 1)     //輸出true  
  12. console.log('0' == 0)     //輸出true  
  13. console.log(-true)     //輸出-1  

（2）parseInt：將字符串轉(zhuǎn)換成整數(shù)（只識別字符串中的數(shù)值）：

        注：會忽略字符串中的前后空格（當(dāng)數(shù)值后的空格后面還有數(shù)值時，將不會再識別）；

               能夠正確識別正負號，即保留正負號；

               在轉(zhuǎn)換時，遇到非數(shù)值型的字符就會停止轉(zhuǎn)換；

               如果字符串的第一個字符是非數(shù)值型的，那么轉(zhuǎn)換的結(jié)果為NaN；

[javascript] view plain copy
  1. console.log(parseInt("123"))    //輸出123  
  2. console.log(parseInt(" 1 2"))    //只會輸出1  
  3. console.log(parseInt(-123))     //輸出-123  
  4. console.log(parseInt("hello"))    //輸出NaN  
  5. console.log(parseInt(true))       //輸出NaN  
  6. console.log(parseInt("123hello"))    //輸出123，后面非數(shù)值型不會識別  
  7. console.log(parseInt(" 1 "))     //輸出1，忽略空格  

（3）parseFloat：將字符串轉(zhuǎn)換成小數(shù)（識別小數(shù)點，注意事項同上）

[javascript] view plain copy
  1. console.log(parseFloat("123.55"))    //輸出123.55  
  2. console.log(parseFloat(".1hello"))    //輸出0.1  

（4）Number：將其它類型的數(shù)據(jù)轉(zhuǎn)換成數(shù)值型，注意被轉(zhuǎn)換的數(shù)據(jù)必須是純數(shù)值構(gòu)成，否則無法轉(zhuǎn)換，其它注意事項同上

[javascript] view plain copy
  1. console.log(Number(true))   //1  
  2. console.log(Number(false))    //0  
  3. console.log(Number(null))    //0  
  4. console.log(Number("123hello"))    //NaN  
  5. console.log(Number("12.22"))    //12.22  
  6. console.log(Number(undefined))    //NaN  

（5）頁面中的信息框：

        alert（），彈出個提示框，只有確定；

[javascript] view plain copy
  1. window.alert("今天天氣很好")  

        confirm（），彈出個確認框，有確定和取消；

[javascript] view plain copy
  1. window.confirm("今天心情也很好")  

        prompt（），彈出個輸入框，可以輸入內(nèi)容；

[javascript] view plain copy
  1. window.prompt("password","請輸入密碼")  

藍藍設(shè)計( www.teruid.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

分享本文至：

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.teruid.com

存檔