惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园 - 叶小钗
爱范儿
爱范儿
WordPress大学
WordPress大学
Last Week in AI
Last Week in AI
博客园 - 聂微东
雷峰网
雷峰网
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
博客园 - 三生石上(FineUI控件)
T
Tailwind CSS Blog
博客园 - Franky
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园_首页
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园 - 司徒正美
月光博客
月光博客
大猫的无限游戏
大猫的无限游戏
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
The Cloudflare Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
人人都是产品经理
人人都是产品经理
宝玉的分享
宝玉的分享
罗磊的独立博客
Jina AI
Jina AI

博客园 - bamb00

一个项目带你入门AI应用开发08 一个项目带你入门AI应用开发08 一个项目带你入门AI应用开发课程介绍 一个项目带你入门AI应用开发07 一个项目带你入门AI应用开发06 一个项目带你入门AI应用开发05 一个项目带你入门AI应用开发05 一个项目带你入门AI应用开发04 一个项目带你入门AI应用开发03 一个项目带你 入门AI应用开发02 一个项目带你入门AI应用开发01 3・15 曝光 AI 安全暗礁:企业如何筑牢投毒与幻觉防护墙 CodeQL学习——导航调用图 CodeQL学习——java程序抽象语法树 linux进程隐藏手段及对抗方法 OAuth2.0安全设计之Authorization Code CodeQL学习——CodeQl数据流分析 CodeQL学习——CodeQL java库 CodeQL学习——自定义查询 CodeQL学习——CodeQL CLI入门 用户中心 - 博客园 intent 参数的规范 Fiddler如何自动修改请求和响应包 Burp Suite学习之Intruder的4种攻击模式 对Android系统权限的认识 "INSTALL_FAILED_DUPLICATE_PERMISSION "错误解决 Android hook神器frida(二) 移动广告作弊技术研究 Android如果有一个任意写入的漏洞,如何将写权限转成执行权限 Android so注入(inject)和Hook技术学习(三)——Got表hook之导出表hook
浏览器解析js
bamb00 · 2019-08-06 · via 博客园 - bamb00

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