l瀏覽器執行JS

瀏覽器執行JS

1. 瀏覽器分紅兩部分：渲染引擎和JS引擎

   • 渲染引擎：用來解析HTML與CSS，俗稱內核，好比chrome瀏覽器的blink，老版本的webkit

   • JS引擎：俗稱JS解析器。用來讀取網頁中的JS代碼，對其處理後運行，好比chrome瀏覽器的V8

   • 【注意】

     瀏覽器自己並不會執行JS代碼，而是經過內置JavaScript引擎來執行JS代碼。JS引擎執行代碼時逐行解釋每一句源碼，而後由計算機去執行，因此Javascript語言歸爲腳本語言，回逐行解釋執行

2. JS的組成

   • ECMAScript
     • JavaScript語法
     • 是由ECMA國際進行標準化的一門編程語言，這種語言在萬維網上應用普遍，他每每被稱爲JavaScript
   • DOM
     • 頁面文檔對象模型
     • 經過DOM提供的接口能夠對頁面上的各類元素進行操做（大小位置顏色）
   • BOM
     • 瀏覽器對象模型
     • 經過BOM能夠操做瀏覽器窗口，好比彈出框，控制瀏覽器跳轉，獲取分辨率

3. js書寫位置

   • 行內

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

     • 能夠將單行或少許JS代碼寫在HTML標籤的時間屬性中（以on開頭的屬性），如：onclick
     • 注意單雙引號的使用；在HTML中咱們推薦使用雙引號，JS中咱們推薦使用單引號
     • 可讀性差，在HTML中編寫JS大量代碼時，不方便閱讀
     • 引號易錯，引號多層嵌套，很是容易弄錯
     • 特殊狀況下使用

   • 內嵌

   • <script>
         alert('Hello World');
     </script>

     • 能夠將多行JS代碼寫到<script> 標籤中
     • 內嵌JS是學習是經常使用的方式

   • 外部

   • <script src="js代碼路徑">
     </script>

     • 利與HTML頁面代碼結構化，把大段JS代碼獨立到HTML頁面以外，既美觀，也方便文件級別的複用
     • 引用外部JS文件的script標籤中間不能夠寫代碼
     • 適合於JS代碼量比較大的狀況

4. 註釋

   • 單行註釋：//
   • 多行註釋：/**/

5. JavaScript輸入輸出語句

   方法	說明	歸屬
   alert（msg）	瀏覽器彈出警示框	瀏覽器
   console.log(msg)	瀏覽器控制檯打印輸出信息	瀏覽器
   prompt(info)	瀏覽器彈出輸入框，用戶能夠輸入	瀏覽器