1. 程式人生 > >web前端學習(四)JavaScript學習筆記部分(1)-- JavaScript基礎教程

web前端學習(四)JavaScript學習筆記部分(1)-- JavaScript基礎教程

1、JavaScript基礎教程

1.1、Javascript基礎-介紹、實現、輸出

1.1.1、JavaScript是網際網路上最流行的指令碼語言,這門語言可用於web和HTML,更可廣泛用於服務端、pc端、移動端。

1.1.2、JavaScript指令碼語言

  JavaScript是一種輕量級的程式語言

  JavaScript是可插入HTML頁面的變成程式碼

  JavaScript插入HTML頁面後,可由所有的瀏覽器執行

1.1.3、JS用法:

  HTML中的指令碼必須位於<script></script>標籤之中

  指令碼可被放置在HTML頁面的<body><head>部分中

1.1.4、JS標籤:

  在HTML中插入JavaScript,使用<script>標籤

  在<script></script>之間書寫程式碼

1.1.5、JavaScript使用限制

  在HTML中,不限制指令碼數量

  通常會把指令碼置於<head>標籤中,以不干擾頁面內容。

1.1.6、JavaScript輸出

  JavaScript通常用來操作HTML

  文件輸出:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset
="UTF-8"> <title>Title</title> <script src="test.js"></script> <script> document.write("JS在上面的一句話"); </script> </head> <body> <p id="pid">hello</p> <div> div1 </div> <script> document.write(
"JS在中間的一句話"); document.getElementById("pid").innerText = "jikexueyuan"; </script> </body> </html>

 

1.2、Javascript基礎-語法和註釋

1.2.1、分號:

   注意:分號是可選項,有時候可以看到不以分號隔開的。

1.2.2、執行順序:

  按照編寫順序依次執行

1.2.3、識別符號:

  JavaScript識別符號必須以字母、下劃線或美元符號開始

  JavaScript關鍵字

1.2.4、JavaScript對大小寫敏感

1.2.5、JavaScript會忽略掉多餘的空格

1.2.6、保留字

  

 

1.2.7、註釋和C++註釋方法一樣

  //、/**/

1.3、Javascript基礎-變數和資料型別

1.3.1、變數是用來儲存資訊的容器

1.3.2、JavaScript資料型別

  字串(string)

  數字(Number)

  布林(Boolean)true、false

  陣列(Array)

  物件(Object)

  空(null)

  未定義

  可以通過賦值為null的方式來清除變數

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var i = 10;
    var j = 10;
    var k = i + j;
    document.write(k);
    /*這裡的k是20*/
</script>

<script>
    var arr = ["hello","jike","xueyuan","women"];
    var arr2 = new Array("hello","jike","xueyuan","women");
    document.write("<br/>"+arr+"<br/>");
    /*輸出arr陣列內全部的變數*/
    document.write(arr2+"<br/>");

    // var arr3[4] = ["hello","jike","xueyuan","women"];
    /*上面這句程式碼有問題,說明不能用var定義固定長度的陣列*/
    // document.write(arr3[3]+"<br/>");

    var n = null;
    document.write(n);
    /*上面這一句不是什麼都不輸出,會寫一個null字串*/

    arr = null
    document.write(arr);

</script>

</body>
</html>