从html页面加载顺序来更好的理解jquery初始化
2024-09-09 14:25:51
一,html页面加载顺序
1,用户输入网址(假设是个html页面,并且是第一次访问),浏览器向服务器发出请求,服务器返回html文件;
2,浏览器开始载入html代码,发现<head>标签内有一个<link>标签引用外部CSS文件;
3,浏览器又发出CSS文件的请求,服务器返回这个CSS文件;
4,浏览器继续载入html中<body>部分的代码,并且CSS文件已经拿到手了,可以开始渲染页面了;
5,浏览器在代码中发现一个<img>标签引用了一张图片,向服务器发出请求。此时浏览器不会等到图片下载完,而是继续渲染后面的代码;
6,服务器返回图片文件,由于图片占用了一定面积,影响了后面段落的排布,因此浏览器需要回过头来重新渲染这部分代码;
7,浏览器发现了一个包含一行Javascript代码的<script>标签,赶快运行它;
8,Javascript脚本执行了这条语句,它命令浏览器隐藏掉代码中的某个<div> (style.display=”none”)。杯具啊,突然就少了这么一个元素,浏览器不得不重新渲染这部分代码;
9,终于等到了</html>的到来,浏览器泪流满面……
10,等等,还没完,用户点了一下界面中的“换肤”按钮,Javascript让浏览器换了一下<link>标签的CSS路径;
11,浏览器召集了在座的各位<div><span><ul><li>们,“大伙儿收拾收拾行李,咱得重新来过……”,浏览器向服务器请求了新的CSS文件,重新渲染页面。
二,再次理解jquery初始化
$(document).ready(function(){
alert(
"第一种方法。"
);
});
注意这里用到了回调函数详见
我们可以看到jquery初始化的方法有这样一种方法,就是在dom加载完之后加载的,意思就是html加载完之后才进行jquery初始化的。
最新文章
- 客户访问站点将bbs/链接 跳转至forum/链接下的两种方式
- mysql SELECT FOR UPDATE语句使用示例
- jQuery Mobile 基础(第四章)
- 66.为什么有时候在ISE软件中,顶层文件不能置顶?
- Asp.Net连接Mysql报错Out of sync with server
- PICT实现组合测试用例(一)
- 设置transparent是否多此一举
- openstack liberty 版本按照官方文档手动整合 完成后 基于dashboard-horizon 创建虚拟机报错 用CL却是成功的 网络等验证都是正确的通过启动的虚拟实例测试以成功
- Nginx 搭建反向代理服务器过程详解
- 【No JSON object could be decoded】问题解决
- ASP.NET MVC5+EF6+EasyUI 后台管理系统(87)-MVC Excel导入和导出
- Shell常用命令整理
- c++ -->; 你可能不知道的c++
- hackme.inndy.tw - pyyy - Writeup
- Python函数的装饰器修复技术(@wraps)
- 【alpha阶段】第十次Scrum Meeting
- 原生js获取元素非行内样式属性的方法
- P1772 [ZJOI2006]物流运输
- 【Java】 剑指offer(16) 打印1到最大的n位数
- OpenJDK与JDK的区别分析
热门文章
- SDOI2017 Round1
- 整理一点与排列组合有关的问题[组合数 Stirling数 Catalan数]
- Sql2012数据库还原
- vscode php跳转
- qt窗口的切换
- PLECS—直流电机系统2
- python[error] - mysql_config not found
- python学习:hashlib模块使用
- 五分钟了解Hash算法
- [翻译] 编写高性能 .NET 代码--第二章 GC -- 减少大对象堆的碎片,在某些情况下强制执行完整GC,按需压缩大对象堆,在GC前收到消息通知,使用弱引用缓存对象