浏览器解析js - bamb00
2019-08-06 12:19:00 Author: www.cnblogs.com(查看原文) 阅读量:118 收藏

网页加载js步骤

1、浏览器一边下载html网页,一边开始解析(不等下载完就解析)
2、遇到<script>标签,暂停解析,网页渲染的控制权交给javascript引擎
3、如果<script>标签引用了外部脚本,先下载在执行,否则直接执行
4、执行完毕,控制权交还渲染引擎,继续往下解析html网页
注意:
有多个外部js文件的时候,浏览器会同时下载所有的js文件,但是执行的时候会按书写顺序执行。

在使用<script>嵌入JavaScript代码时,记住不要在代码中的任何地方出现"</script>"字符串。
例如浏览器执行下面代码会报错:

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

浏览器会报以下错误:
Uncaught SyntaxError: Invalid or unexpected token
因为按照解析嵌入式代码的规则,当浏览器遇到字符串"</script>"时,会认为那是结束的</script>标签
而通过转义符可以解决这个问题,例如:

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

文章来源: http://www.cnblogs.com/goodhacker/p/11307839.html
如有侵权请联系:admin#unsafe.sh