瀏覽器解析js

網頁加載js步驟

一、瀏覽器一邊下載html網頁,一邊開始解析(不等下載完就解析)
二、遇到<script>標籤,暫停解析,網頁渲染的控制權交給javascript引擎
三、若是<script>標籤引用了外部腳本,先下載在執行,不然直接執行
四、執行完畢,控制權交還渲染引擎,繼續往下解析html網頁
注意:
有多個外部js文件的時候,瀏覽器會同時下載全部的js文件,可是執行的時候會按書寫順序執行。

在使用<script>嵌入JavaScript代碼時,記住不要在代碼中的任何地方出現"</script>"字符串。
例如瀏覽器執行下面代碼會報錯:javascript

<script type="text/javascript">
    function sayHello() {
        console.log("</script>");
    }
</script>

瀏覽器會報如下錯誤:
Uncaught SyntaxError: Invalid or unexpected token
由於按照解析嵌入式代碼的規則,當瀏覽器遇到字符串"</script>"時,會認爲那是結束的</script>標籤
而經過轉義符能夠解決這個問題,例如:html

<script type="text/javascript">
    function sayHello() {
        console.log("<\/script>");
    }
</script>
相關文章
相關標籤/搜索