网页的加载和执行顺序？

我已经完成了一些基于Web的项目,但我对普通网页的加载和执行顺序没有太多考虑.但现在我需要了解细节.很难从Google或SO中找到答案,所以我创建了这个问题.

示例页面如下所示:

所以这是我的问题:

这个页面如何加载？

加载的顺序是什么？

什么时候执行JS代码？(内联和外部)

什么时候执行CSS(应用)？

$(文件).ready什么时候执行？

请下载abc.jpg吗？或者只是下载kkk.png？

我有以下理解:

浏览器首先加载html(DOM).

浏览器开始逐行从上到下加载外部资源.

如果

大致的执行流程大致如下:

下载HTML文档

开始解析HTML文档

HTML解析到达

内部Javascript被解析并运行

HTML解析到达

abc.jpg 下载并显示

HTML解析到达

Hello World

因为解析脚本时,#mydiv仍未定义元素.相反,这将工作:

Hello World

要么

Hello World

---

谢谢.但是你提到*由于浏览器*的行为,下载可能是异步和非阻塞的,所以可以在asyn中下载哪种组件(以FF作为实例)？`

吻过彩虹的脸_378
这个屌丝很懒，什么也没留下！
关注作者
Tags | 热门标签
• actionscrip
• bash
• c#
• c++
• c语言
• erlang
• flutter
• go
• golang
• java
• javascript
• lua
• node.js
• perl
• php
• python
• scala
• typescript
RankList | 热门文章
• 1Microsoft Server studio'脚本表为'用于INSERT到错误的语法
• 2NuGet - 使用packages.config的依赖项创建nuspec
• 3将Loaders用于网络请求是不好的做法吗？
• 4Java枚举泛型
• 5日志消息processIncoming,handlePacket,sendBufferedRequest重复一个LOT - android
• 6AX 2009的正确部署过程是什么？
• 7Camel blueprint sql事务管理器
• 8由于网络连接速度慢,iOS应用程序退出
• 9在编辑器中输入Intellij IDEA非常慢(仅限Scala)
• 10python-从存在属性的对象列表中收集属性
• 11Git/SourceTree - 远程无效的用户名或密码
• 12为什么不允许在重写方法中使用参数类型(一个是原始的而另一个是包装器)的区别？
• 13如何快速填充大量数据以利用熊猫fillna？
• 14PHP:理解字符串类型杂耍
• 15在Firebase中托管.NET Web Api
• 16如何在Haskell中提取列表的所有唯一对？
• 17SBT插件不使用自定义解析器
• 18Android运行时执行与NetworkRequest
• 19Ios Swift在非线性路径中为视图设置动画
• 20如何将R脚本放入包中