午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

JavaScript自己整理的基礎-01

2018-6-5    seo達人

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

1.JavaScript 簡介:

JavaScript是互聯網上最流行的腳本語言,所有現代的HTML都使用JavaScript。既然是腳本語言,那么它的特點就有一下三種:

    (1)弱類型;

    (2)解釋型語言(不需要編譯);

    (3)逐行執行,一行代碼錯誤,其后的代碼塊都不會繼續執行;

    (4)<script>標簽可直接嵌入到HTML文件中,位置是任意的,通常放在被修飾內容下面或者head標簽中,但寫成單獨的js文件有利于結構和行為的分離

2.JavaScript 內容(附圖):

    

       其中ECMAScript是JavaScript的核心;

       DOM是文檔對象模型(使用js操作網頁);

       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( ):將內容直接寫在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";  

    變量名字的變量規則:    

    (1)由字母、數字、下劃線、$符號構成

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

    (3) 嚴格區分大小寫;

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

5.JavaScript 數據類型:

    JavaScript可以分為原始數據類型,引用數據類型兩種:

    (1)原始數據類型:Number,String,Boolean,undefined,null

    Number:數值型,就是數字,包含正數、負數、整數、小數、0、NaN、Infinity(正無窮)、-Infinity(負無窮);

    注意:NaN:not  a  number的縮寫,表示該值不是一個數值(也屬于Number)

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

    Boolean布爾型:包含true:表示真(成立)和false:表示假(不成立)兩個值

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

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

    (小提示:在Chrome瀏覽器控制臺輸出時,會發現Number類型為深藍色,String為黑色,Boolean為淺藍色,undefined和null都為淺灰色)

    (2)引用數據類型:

    Object(對象),Array(數組),Date(日期),RegExp(正則)。。等等

    (3)如何查看一個變量的數據類型(typeof 運算符):        

             數值型數據:返回值為number   

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

             字符串型數據:返回值為string

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

             布爾型數據:返回值為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 數據類型的轉換:

    (1)在使用加法(+)運算符時,任何數據與字符串類型數據相加都為字符串類型數據;

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

        注(簡單理解): 在JavaScript 中空字符串""轉換為false,非空字符串轉換為true(除“0”,“1”外);

                false轉換為 0 或“0”,true轉換為 1 或“1”;

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

                ==在比較的時候可以轉換數據類型,===是嚴格比較,只要類型不匹配就返回false;

                    其實 == 的比較確實是轉換成字符串來比較但,但是在布爾型轉換為字符串之前,要先轉換成 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:將字符串轉換成整數(只識別字符串中的數值):

        注:會忽略字符串中的前后空格(當數值后的空格后面還有數值時,將不會再識別);

               能夠正確識別正負號,即保留正負號;

               在轉換時,遇到非數值型的字符就會停止轉換;

               如果字符串的第一個字符是非數值型的,那么轉換的結果為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,后面非數值型不會識別  
  7. console.log(parseInt(" 1 "))     //輸出1,忽略空格  

(3)parseFloat:將字符串轉換成小數(識別小數點,注意事項同上)

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

(4)Number:將其它類型的數據轉換成數值型,注意被轉換的數據必須是純數值構成,否則無法轉換,其它注意事項同上

[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(),彈出個輸入框,可以輸入內容;

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

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

日歷

鏈接

個人資料

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

存檔

主站蜘蛛池模板: 寂寞夜晚视频高清观看免费 | 黄色三级三级免费看 | 成人国内精品久久久久影 | 国产日韩成人内射视频 | 麻豆精品2021最新 | 青青app| 在线视频网站www色 在线视频免费国产成人 | 国产AV白丝爆浆在线播放 | 日韩欧美成人免费中文字幕 | 人人爽久久久噜噜噜丁香AV | 掀开奶罩边躁狠狠躁软学生 | 最新精品学生国产自在现拍 | 扒开黑女人p大荫蒂老女人 扒开粉嫩的小缝末成年小美女 | 97视频在线观看免费视频 | 动漫AV纯肉无码AV电影网 | 禁室培欲在线视频免费观看 | 精品熟女少妇AV久久免费A片 | 精品熟女少妇AV久久免费A片 | 日韩欧美中文字幕在线二视频 | 99视频在线精品免费观看18 | 日本一区二区三区在线观看网站 | 青青草国产偷拍在线av | 久久精品国产eeuss | 久久资源365 | 1234成人网 | 奶头被客人吸得又红又肿 | 好想被狂躁A片免费久99 | 亚洲最大日夜无码中文字幕 | 久久精品AV麻豆 | 九色终合九色综合88 | 乌克兰女人与动ZOZO | 亚洲日本激情 | 吃胸亲吻吃奶摸下面免费视频 | 成人中文字幕在线 | 色婷婷国产麻豆AV | 乳欲性高清在线 | 少妇连续高潮抽搐痉挛昏厥 | 亚洲AV色香蕉一区二区三区 | 轻点慢点1V2啊高H抽插 | 久久精品亚洲牛牛影视 | 国产精品高潮AV久久无码 |