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.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>