(1)JavaScript基礎知識

Javascript基礎知識


1.如何使用JavaScript


(1).通過<script></script>中直接編寫

(2).通過<script src='目標文檔的URL'></script>鏈接外部的Js文件

① <script  src="URL" type="text/javascript" charset="utf-8"></script>

(3).作爲某個元素的事件屬性值或者是超鏈接的href屬性值

① <p world')">onclick</p>

② <a href="javascript:confirm('這是一個彈窗');">href</a>

        ③<a href="#" )">執行func函數</a>    



2.代碼屏蔽

(1)

        <script type='text/javascript'>

    <!--

              Js代碼;

                       //-->

        </script>

(2)如果瀏覽器不支持Js,可以使用<noscript></noscript>標籤,顯示noscript中的內容

    <noscript>

        你的瀏覽器不支持javascript代碼,請更換瀏覽器!

    </noscript>




3.JavaScript的基本知識點


(1)JavaScript的執行順序:按照在HTML文件中出現的順序依次執行

(2)大小寫敏感:JavaScript嚴格區分大小寫

(3)忽略空白符和換行符

(4)語句分隔符 :

        ①.使用;結束語句

        ②.可以把多個語句寫在一行

        ③.最後一個語句的分號可以省略,但儘量不要省略

        ④.可以使用{}括成一個語句組,形成一個塊block

(5)通過\對代碼進行折行操作

        document.write(' hello\

                                    world');

(6)註釋

        ①.單行註釋//

        ②.多行註釋/*註釋內容*/

(7)JavaScript的保留字:就是說變量命名時不要以下面的重複:

        wKioL1el3cagPZHfAAD7963CUrk260.png-wh_50


(8)通過document.write()向文檔書寫內容

(9)通過console.log()向控制檯寫入內容

(10)JavaScript中的錯誤

        ①.語法錯誤:通過控制檯進行調試

        ②邏輯錯誤:通過alert()進行調試


注:

1、js腳本一般放在body中的最後,也是爲了防止一個頁面在加載時,先一直在加載js,導致一種讓人覺得慢的錯覺

2、全局變量,已經需要先載入的文檔,js要放在前面

3、每行代碼後面最好要加;



4.變量


(1)、變量分類

    ①.局部變量:

        var x = "字符串";

        var x = 2;

    ②.全局變量:

        x = "字符串";

        y = 3;

<script>
	x = 3;
	function myFunction()
	{
		var x = 5;   //這是局部變量只在函數myFunction內生效

	}
	myFunction(); //執行函數
	alert(x);     //彈窗
</script>


(2)、聲明變量

    通過var關鍵字聲明變量

    可以聲明變量的同時給變量賦值

    可以一次聲明一個變量也可以一次聲明多個看變量

    如果只聲明變量未對其賦值,默認值爲undefined

    如果變量重名產生覆蓋

    注意

    變量嚴格區分大小寫

    變量名稱不要包含特殊字符

    變量名稱最好遵循駝峯標記法或者下劃線法

    變量名稱最好含義明確




5.原始數據類型


(1)數值型

     ①十進制數

         12

         1.2

         -23

         .222e33

         -1.3e3

         3.E-2

         12e+20

     ②十六進制

         0x0

         0XABCDEF

         0x1a2b3c4d

     ③八進制數

         00

         0123

         0241234

        

(2)特殊值

     ①.Infinity無窮大

         正:1.79e309

         負:-1.79e309

     ②.NaN :0/0

                  ③可以通過isNaN()檢測值是否爲NaN


(3)字符串型

     ①定界符

                        ""|''

     ②轉義符

         \n->回車換行

         \r->換行

         \t->水平製表符

         \"->"

         \'->'

(4)布爾類型:  

                true|false

(5)特殊數據類型

                   ①.無定義數據類型undefined:用來表示不存在的值或者尚未賦值的變量    

                   ②.空值null:null表示空值,表示什麼都沒有,相當於一個佔位符。


注:

null和undefined的區別就是undefined表示變量未被賦值,而null表示變量被賦予了一個空值。



6.數據類型間轉換


(1)隱形轉換:

    1.轉換成布爾類型假:

                        ①.undefined:默認爲false

            ②.null:默認爲false

      ③.數值型0或0.0或NaN:默認爲false

      ④.字符串長度爲0(空字符串):默認爲false

      ⑤.其它對象:默認爲true


主要是用在if判斷上:

<script>
        //undefined:默認爲false
        //var a = undefined;
        var a;

        if(a){
            alert('真')
        }
        else {
            alert('假')
        }
</script>

注:0/0:默認爲NaN




(2)顯示轉換:

    1、轉換爲布爾值:通過Boolean函數強制轉換成布爾值

       ①.0、-0、0.0  -->false

       ②.NaN -->false

       ③.空字符串 -->false

       ④.undefined -->false

       ⑤.null -->false

    


                2、轉換成數值

     (1).Number函數強制轉換成數值

         ①.數值->轉換成原來的值

         ②.字符串->如果可以解析爲數值,則轉換成數值;否則轉換成NaN或者0

         ③.true->1,false->0

         ④.undefined->NaN

         ⑤.null->0

        

      (2)轉換成整型:parseInt()

      (3)轉換成浮點型:parseFloat()

        

注:Number函數將字符串轉換爲數值比praseInt函數嚴格很多。基本上只要有一個字符無法轉換成數值,整個字符串就會被轉換成NaN



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章