初識Javascript

簡介HTML CSS JS

簡單的說 html 是標籤裏的內容以文本形式呈現,而後咱們用css去修飾(化妝)這些文本, js是咱們用來去後端的數據庫提取數據而後傳送給前端而且存放在html裏.

Javascript 分爲三部分

1.ECMAScript語言規範,由歐洲計算機制造商協會去制定一些腳本語言規範標準.
2.DOM(document object model)文檔對象模型,它提供了對文檔的結構化表述,並定義了一種方式能夠從程序中的結構進行訪問而且修改改文檔的結構,樣式和內容.

3.BOM(browser object model) 瀏覽器對象模型,將咱們使用的瀏覽器抽象成對象模型.

引入js

js和css 的引入有點類似, 例如一樣可使用內聯樣式或者是外部引入.
1.咱們可使用<link rel="stylesheet" href="js的相對路徑">
2.能夠在body或者是head 書寫<script> </script>.通常會寫在全部標籤的後面,也就是body標籤裏的最後一個元素.

頁面解析

瀏覽器會從頁面的頂部開始解析. 當瀏覽器解析過程當中遇到了一個css link標籤,他會先去下載css代碼而後繼續解析,遇到script標籤也同樣.
script 裏面具備兩個屬性(defer async)
defer(延遲): 在瀏覽器解析HTML 文檔時,若是遇到了帶有defer的script標籤,瀏覽器會當即下載這個文件,在下載的同時會去不會像默認那樣中止渲染和解析,而是會在下載的同時繼續去解析渲染HTML,一旦頁面渲染完畢以後就會執行該文件.
async(異步): 在瀏覽器遇到帶有async的script標籤時,用樣的會當即下載該文件而且在下載的同時會去解析和渲染html,可是一旦文件下載完成就會中止解析HTML而且去執行這個已經下載好了的文件,等執行完成後再會去繼續解析HTML
這裏也能夠聽出來一些利弊.defer的話得等頁面加載和渲染完成以後在能去執行js文件,相對來講耗時比較多,可是async的話標籤執行順序不一樣,基於哪一個標籤先加載完成去執行哪一個,而且不管js執行的那段html是否已經渲染完成.