<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • JavaScript自己整理的基礎-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>標簽可直接嵌入到HTML文件中,位置是任意的,通常放在被修飾內(nèi)容下面或者head標簽中,但寫成單獨的js文件有利于結(jié)構和行為的分離

    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ù)字、下劃線、$符號構成

        (2)不可以以數(shù)字開頭,不建議以下劃線開頭;

        (3) 嚴格區(qū)分大小寫;

        (4)不可以是關鍵字和保留字

    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ù)類型,===是嚴格比較,只要類型不匹配就返回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ù)值):

            注:會忽略字符串中的前后空格(當數(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ù)值構成,否則無法轉(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","請輸入密碼")  

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

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 国产精品爱搞视频网站 | 国产色婷婷五月精品综合在线| 欧美激情精品久久久久| 亚洲国产精品无码久久久蜜芽| 国产精品夜色视频一级区 | 亚洲国产精品视频| 91精品福利在线观看| 国产精品国产三级国产av品爱网 | 精品一区二区在线观看| 国产精品欧美亚洲韩国日本不卡| 欧美精品一区二区在线精品| 欧美精品人爱c欧美精品| 精品国产一区二区三区不卡| 日韩精品无码人妻一区二区三区| 99热热久久这里只有精品68| 国产偷亚洲偷欧美偷精品| 经典国产乱子伦精品视频| 亚洲色精品aⅴ一区区三区| 精品人体无码一区二区三区| 99久久婷婷国产综合精品草原| 国产成人精品免费久久久久| 久久亚洲中文字幕精品有坂深雪| 中文字幕精品亚洲无线码一区应用 | 91热成人精品国产免费| 大伊香蕉精品视频在线导航| 国产精品成人A区在线观看| 精品无码一区二区三区亚洲桃色| 国产精品久久免费| 国产精品无码一区二区三区电影| 亚洲伊人久久精品影院| 日韩美女18网站久久精品| 精品国产亚洲一区二区在线观看| 99精品国产一区二区| 91久久精品视频| 国产成人精品久久综合| 国产成人久久精品二区三区| 亚洲欧美日韩精品永久在线| 99久久精品无码一区二区毛片 | 日本精品久久久久中文字幕| 国产精品手机在线| 久草视频在线这里精品|