JavaScript 是什么

JavaScript

1.JavaScript 是世界上最流行的語言之一，是一種運行在客戶端的腳本語言 （Script 是腳本的意思）。

2.腳本語言：不需要編譯，運行過程中由 js 解釋器( js 引擎）逐行來進行解釋並執行。

3.現在也可以基於 Node.js 技術進行服務器端編程。

 

JavaScript的作用

• 表單動態校驗（密碼強度檢測） （ JS 產生最初的目的 ）

• 網頁特效

• 服務端開發(Node.js)

• 桌面程序(Electron)

• App(Cordova)

• 控制硬件-物聯網(Ruff)

• 游戲開發(cocos2d-js)

 

HTML/CSS/JS 的關系

對於一個網頁，HTML定義網頁的結構，CSS描述網頁的樣子，JavaScript設置一個很經典的例子是說HTML就像 一個人的骨骼、器官，而CSS就是人的皮膚，有了這兩樣也就構成了一個植物人了，加上javascript這個植物人就可以對外界刺激做出反應，可以思考、運動、可以給自己整容化妝（改變CSS）等等，成為一個活生生的人。

瀏覽器分成兩部分：渲染引擎和 JS 引擎

 

 瀏覽器本身並不會執行JS代碼，而是通過內置 JavaScript 引擎(解釋器) 來執行 JS 代碼 。JS 引擎執行代碼時逐行解釋每一句源碼（轉換為機器語言），然后由計算機去執行，所以 JavaScript 語言歸為腳本語言，會逐行解釋執行。

DOM——文檔對象模型

     文檔對象模型（DocumentObject Model，簡稱DOM），是W3C組織推薦的處理可擴展標記語言的標准編程接口。通過 DOM 提供的接口可以對頁面上的各種元素進行操作（大小、位置、顏色等）。

BOM——瀏覽器對象模型    

瀏覽器對象模型(Browser Object Model，簡稱BOM) 是指瀏覽器對象模型，它提供了獨立於內容的、可以與瀏覽器窗口進行互動的對象結構。通過BOM可以操作瀏覽器窗口，比如彈出框、控制瀏覽器跳轉、獲取分辨率等。

JS 用法

JS 有3種書寫位置，分別為行內、內嵌和外部。

1. 行內式

   <input type="button" value="點我試試" onclick="alert('Hello World')" />

   • 可以將單行或少量 JS 代碼寫在HTML標簽的事件屬性中（以 on 開頭的屬性），如：onclick

   • 注意單雙引號的使用：在HTML中我們推薦使用雙引號, JS 中我們推薦使用單引號

   • 可讀性差， 在html中編寫JS大量代碼時，不方便閱讀；

   • 引號易錯，引號多層嵌套匹配時，非常容易弄混；

   • 特殊情況下使用

2. 內嵌式

   <script>
       alert('Hello World~!');
   </script>

   • 可以將多行JS代碼寫到 script 標簽中

   • 內嵌 JS 是學習時常用的方式

3. 外部JS文件

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

   • 利於HTML頁面代碼結構化，把大段 JS代碼獨立到 HTML 頁面之外，既美觀，也方便文件級別的復用

   • 引用外部 JS文件的 script 標簽中間不可以寫代碼

   • 適合於JS 代碼量比較大的情況