网页加载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>