jsp页面中html,javascript.css的执行顺序

其实浏览器加载显示html的顺序是按下面的顺序进行的:
1、IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。
2、在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是说所有相关联的元素都已经下载完)。
3、如果遇到语义解释性的标签嵌入文件(JS脚本,CSS样式),那么此时IE的下载过程会启用单独连接进行下载。
4、并且在下载后进行解析,解析过程中,停止页面所有往下元素的下载。
5、样式表在下载完成后,将和以前下载的所有样式表一起进行解析,解析完成后,将对此前所有元素(含以前已经渲染的)重新进行渲染。
6、JSCSS中如有重定义,后定义函数将覆盖前定义函数。

如果你的网页比较大,希望部分内容先显示出来,粘住浏览者,那么你可以按照上面的规则合理的布局你的网页,达到预期的目的。

http://www.cnblogs.com/EricaMIN1987_IT/p/3701025.html

1、DOMContentLoaded事件要等到所有JS执行完才触发。

2、在CSS之前的jquery1.js一加载完了就立刻执行。而在CSS后的JS需要在CSS加载完之后才执行,比如说jquery3.js很早就加载完了,但是它等到style.css加载完了之后才执行,而且它还是在jquery2.js执行了之后才执行的,这是由于jquery3.js放在了jquery2.js之后。虽然对于现代浏览器,这些CSS、JS资源是并发请求的(从Send Request可以看出)。

总结:现代浏览器会并发的预加载CSS, JS,也就是一开始就并发的请求这些资源,但是,执行CSS和JS的顺序还是按原来的依赖顺序(JS的执行要等待位于其前面的CSS和JS加载、执行完)。先加载完成的资源,如果其依赖还没加载、执行完,就只能等着。

顺序执行的,不过一般是css放在前面,js放在最后,这样有利于页面的加载速度,当然也有特殊情况
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
里面暂时只有90个列子 1.Cookie 2.Cookie可存取路径的设置 3.Cookie有效时间的设置 4.Cookie的应用 - 网上考试 5.IO流 6.session时间与编号 7.url重组 8.下拉列表框 9.下拉菜单联动 10.使用Beans 11.修改数据 12.写内容到文件 13.函数投掷异常 14.分行写入数据 15.分页显示 16.分页显示调查问卷 17.删除数据 18.判断是否空白文件 19.利用absolute方法设置记录指标所指向的记录 20.利用applet载入applet 21.单选型列表框] 22.单选择按钮 23.参数式查询 24.发E-mail 25.发送邮件 26.取得当前的磁盘路径 27.取得数据库各栏名称 28.取得文件属性 29.取得目录的文件 30.图形计数器 31.多选型列表框 32.存取application数据 33.学生成绩单 34.将数据写入文件 35.应用cookie的猜数字 36.应用session的网上测试 37.建立错误页 38.指定用户计数器 39.数据完整查询 40.数据库链接的建立与关闭 41.整笔记录的修改 42.文件的建立与删除 43.文字型计数器 44.显示时间和年月日 45.显示目录内容 46.月历 47.有效时间的设置与取得 48.检查框的使用 49.汉字处理 50.注册确认 51.添加数据 52.添加表单数据 53.游戏软件购物心 54.游戏:二十一点 55.猜数字游戏 56.用Bean传递数据 57.用Bean链接数据库 58.用plugin加载Applet 59.用通配符查询 60.略过字节不读取 61.目录的建立与删除 62.真正的计算器 63.管理Session变量 64.网上测验 65.网络订餐服务 66.群组检查框的使用 67.聊天室 68.自行投掷异常 69.色彩变换 70.获得客户端浏览器信息 71.计数器 72.计算器 73.记事本 74.记录数与记录指针位置 75.设置光标位置 76.设置显示页 77.设置页面属性 78.读取整行字符 79.读取文件的字符 80.读取文件内容 81.读文件内容 82.追加内容到文件 83.逆序取得数据 84.选择钮的数据检查javascript 85.逐渐显示文字 86.通讯录 87.错误检测 88.随机大小的文字 89.顺序取得数据 90.高级搜索

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值