CSS和JS的放置顺序

CSS在网页中的放置顺序

CSS要放在HTML的<body>前面,也就是<head>中。
因为这样浏览器会先读取CSS的样式,然后读到<body>里面的内容时候,读一个添加一个样式。好比先准备好衣服,让小朋友们排队,来一个穿上一个。假如放在后面,就相当于先把小朋友们集合起来,光溜溜的等着穿衣服。如果小朋友的数量特别多,那么后面的小朋友就要等很长时间才能得到衣服穿。

把CSS放在后面

  • 对于IE、Chrome浏览器,可能出现白屏问题
  • Firefox浏览器,可能会出现无样式内容闪烁

JS在网页中的放置顺序

JS要放在HTML的后面,也就是</body>这个闭合标签前
这是因为JS加载的过程中,浏览器会停下来,等待这个JS加载完成再读取后面的内容,这样JS就阻塞了后面内容的呈现以及后面组件的加载。所以要放在body的最后,先读完HTML和CSS,静态页面先出来,最后读取加载JS,让页面动起来。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,690评论 1 92
  • 简介浏览器可以被认为是使用最广泛的软件,本文将介绍浏览器的工 作原理,我们将看到,从你在地址栏输入google.c...
    听风阁阅读 8,538评论 0 7
  • 九月份,我几乎在生病中度过,发烧,呕吐,咳嗽从未如此亲密于我,像好几年的不舒服都在这些天里爆发出来。人有时候过于伟...
    尔时云起阅读 5,252评论 0 1
  • 作为一名Android 开发者,掌握Java相关知识是毋容置疑的。在掌握的基础上,根据使用场景选择适当方式...
    freddyyao阅读 4,231评论 0 2
  • 1 展桌台子建议撤离;两个家居服装中岛前面需增加全身模特展示(不是已从北京西直门调配吗 为什么没有加上) 正挂 搭...
    Holiday澈阅读 4,629评论 0 0

友情链接更多精彩内容