JS筆記 語法

javascript概述

簡稱爲JS，是一款可以運行在JS解釋器、引擎中的腳本語言

JS解釋器、引擎 JS的運行環境

一、獨立安裝的js解釋器 -nodeJS

二、嵌入在瀏覽器中的js解釋器

JS基於對象的編程語言

 

1.瀏覽器的內核

內容負責頁面內容的渲染

一、內容排版的引擎 HTML、CSS

二、腳本解釋引擎 javascript

 

搭建JS運行環境

獨立安裝的js解釋器 nodeJS

console.log("hello word");

console.log("hello word");

使用瀏覽器中的內核（JS解釋引擎）

一、瀏覽器的控制檯（console）中，輸入腳本執行

二、將JS腳本代碼嵌入在HTML頁面中執行

採用HTML元素事件執行JS代碼

sj：onclick

一、當元素被點擊時執行的操做

ex：當按鈕被點擊時，在控制檯中輸出 hello world

<button type="button" onclick="console.log('哈哈哈哈哈');">點擊我試試</button>

二、將js腳本編寫在<script></script>並嵌入在HTML文檔的如何位置

1 <script>
2 console.log('這是在script標記中執行的內容');
3 document.write("<h1>hhhhhh</h1>");
4 </script>

demo

 

三、將js腳本編寫在外面獨立的js腳本文件中（***.js）

步驟

一、編寫JS腳本文件

二、在HTML中引入腳本文件

<script src=""></script>

demo

先建立一個base.JS的文件

在文件中執行如下代碼

console.log("hhhh");

decoment.write("dddddd");

window.alert("這是在外部腳本文件的內容");

在HTML文檔中，引入base.js文件

 

<!-- 引用外部文件-->

<script src="base.js"></script>

三、JS的調試

在代碼編寫錯誤時，在運行的時候，在錯誤位置會中止

碰到錯誤代碼，會終止當前語句塊的執行，但不影響後面塊的執行

<script></script>爲一塊

四、JS語法

一、語句：能夠被引擎執行的最小單元

由表達式、關鍵字 、運算符 組成的

嚴格區分大小寫：name和NAME:

全部的語句都是以 ; 表示結束

全部的標點符號都是英文的

二、註釋

單行註釋：//

多行註釋：/**/

變量與常量

一、什麼是變量

用來存儲數據的一個容器

二、聲明變量（重點）

  一、聲明變量

    var 變量名；

  二、爲變量賦值

    變量名=值；

  三、聲明變量並賦初始值

    var 變量名=值；

 

 

注意：

一、變量聲明時沒有賦值的話3，那麼值爲undefined

二、聲明變量容許不使用var關鍵字，但不推薦

demo：

建立一個HTML

聲明一對<script></script>並完成如下變量的聲明

 1     <script>
 2     var l_name="Thinkpad e460";
 3     var l_price="3000";
 4     var l_count="100";
 5     console.log(l_name,l_price,l_count);
 6     console.log("筆記本名稱:"+l_name);
 7     console.log("筆記本價格:"+l_price);
 8     console.log("筆記本庫存:"+l_count);
 9     
10     </script>

demo

 

三、一條語句聲明多個變量

  var 變量名1=值，變量名2=值，變量名3=值

  變量名命名規範

  一、由字母，數字，下劃線以及$組成的

  二、不能以數字開頭

  三、不能使用js中的關鍵字和保留關鍵字

  四、變量名不能重複

  五、能夠採用」駝峯命名法「，小駝峯命名法使用居多

  六、最好見名知意

 

 

四、變量的使用

  一、爲變量賦值 -set操做

  只要變量出如今賦值符號（=）的左邊一概是賦值操做

  二、獲取變量的值 -get操做

  只要變量沒有出如今賦值符號（=）的左邊，一概是取值操做

 

賦值符號出現的話，永遠都是將右邊的值，賦值給左邊的變量

二、常量

一、什麼是常量

在程序中，一但聲明好，就不容許被修改的數據

二、聲明常量

count 常量名=值；

常量名在命名時採用所有大寫形式