li&blogjavaspan style="color: #800000;"&li&
li&CSDNspan style="color: #800000;"&li&
li&博客园span style="color: #800000;"&li&
li&ABCspan style="color: #800000;"&li&
li&AAAspan style="color: #800000;"&li&
span style="color: #800000;"&div&
script type="text/javascript" src="http://www.blogjava.net/Files/BearRui/test.zip"&span style="color: #800000;"&script&
li&MSNspan style="color: #800000;"&li&
li&GOOGLEspan style="color: #800000;"&li&
li&YAHOOspan style="color: #800000;"&li&
span style="color: #800000;"&div&
运行后，会发现代码1中，在前5秒中页面上是一篇空白，5秒中后页面全部显示。 代码2中，前5秒中blogjava,csdn等先显示出来，5秒后MSN才显示出来。
可以看出嵌入JS会阻塞所有内容的呈现，而外部JS只会阻塞其后内容的显示，2种方式都会阻塞其后资源的下载。嵌入JS导致CSS阻塞加载的问题
CSS怎么会阻塞加载了？CSS本来是可以并行下载的，在什么情况下会出现阻塞加载了(在测试观察中，IE6下CSS都是阻塞加载，下面的测试在非IE6下进行)：
代码1(为了效果，这里选择了1个国外服务器的CSS)：
html xmlns="http://www.w3.org/1999/xhtml"&
title&js testspan style="color: #800000;"&title&
meta http-equiv="Content-Type" content="text/ charset=UTF-8" /&
link type="text/css" rel="stylesheet" href="http://69.64.92.205/Css/Home3.css" /&
span style="color: #800000;"&head&
img src="http://www.blogjava.net/images/logo.gif" /&&&/span&br /&
img src="/www/images/csdnindex_piclogo.gif" /&
span style="color: #800000;"&body&
span style="color: #800000;"&html&
时间瀑布图：
代码2(只加了1个空的嵌入JS)： head&
title&js testspan style="color: #800000;"&title&
meta http-equiv="Content-Type" content="text/ charset=UTF-8" /&
link type="text/css" rel="stylesheet" href="http://69.64.92.205/Css/Home3.css" /&
script type="text/javascript"&
function a(){}
span style="color: #800000;"&script&
span style="color: #800000;"&head&
img src="http://www.blogjava.net/images/logo.gif" /&&&/span&br /&
img src="/www/images/csdnindex_piclogo.gif" /&
span style="color: #800000;"&body&
时间瀑布图:
从时间瀑布图中可以看出，代码2中，CSS和图片并没有并行下载，而是等待CSS下载完毕后才去并行下载后面的2个图片，当CSS后面跟着嵌入的JS的时候，该CSS就会出现阻塞后面资源下载的情况。
有人可能会问，这里为什么不说说嵌入的JS阻塞了后面的资源，而是说CSS阻塞了？ 想想我们现在用的是1个空函数，解析这个空函数1ms就够，而后面2个图片是等CSS下载完1.3s后才开始下载。大家还可以试试把嵌入JS放到CSS前面，就不会出现阻塞的情况了。
根本原因：因为浏览器会维持html中css和js的顺序，样式表必须在嵌入的JS执行前先加载、解析完。而嵌入的JS会阻塞后面的资源加载，所以就会出现上面CSS阻塞下载的情况。
嵌入JS应该放在什么位置
1、放在底部，虽然放在底部照样会阻塞所有呈现，但不会阻塞资源下载。
2、如果嵌入JS放在head中，请把嵌入JS放在CSS头部。
3、使用defer
4、不要在嵌入的JS中调用运行时间较长的函数，如果一定要用，可以用setTimeout来调用
PS：很多网站喜欢在head中嵌入JS，并且习惯放在CSS后面，比如看到的，当然也有很多网站是把JS放到CSS前面的，比如yahoo,google
[作者]：BearRui(AK-47)
[声明]:本博所有文章版权归作者所有(除特殊说明以外)，转载请注明出处.
很受用，谢谢了！
谢谢，很受用。
谢谢楼上2位的支持.
这个博主 是用什么浏览器来测试的？？、
不同浏览器有区别吗？？？
@xmingfirefox，ie6，chrome都测试过，就最后1个CSS阻塞的问题在IE6下不一样，IE6下好像CSS一直都是阻塞下载的，不过放在上面位置都一样，这个还不是很清楚什么原因。
谢谢了，现在正在用FineReport报表软件，应该回有点帮助。
Study...... Thank you!
非常精辟的分析
@沧桑雨迢迢谢谢,^_^
@税国政^_^
恍然大悟的感觉！多谢楼主！
@阿健言重了,^_^
很精彩，非常感谢！！！
受教了，谢谢
受教。以后可以借鉴。
文章很不错，软件用过，也很好用，支持了:-D
@圣光永恒谢谢支持
很好很不错来支持一下
有效的阻止了跳转
@nauxiaoyao阻止跳转，什么意思？？？
@朱少谢谢，^_^
谢谢楼主分享··
正在为优化web发愁。。。 谢谢···
@蔡创不客气，^_^
while((n2 - n)
(6*1000))改为while((n2 - n)&(6*1000))
麻烦啊。评论还要弄个验证码
@徐培华呵呵，没有注册是这样，防止垃圾广告回复嘛
楼主讲得挺精辟的，以前一直没注意，想放哪就放哪，现在受益了，原来HTML在加载JS时为了防止DOM树的改变会选择阻塞其他DOM元素的下载的！我觉得哇，需要链接的.js文件还是放在head里面比较好，页面内部的放在末尾比较好，
补充一下:关于CSS为什么要放在head里面,放在head里面的目的是为了最先加载,试想一下:如果你吧CSS的声明放在了下面,那么当你加载的页面元素套用了一个CSS的时候,HTML就会发送请求去加载这个CSS.如果你一次性就在最开始的时候把CSS都加载完,就不会有多余的CSS请求,而且可能浏览器在加载了一个CSS之后并遇到后面的CSS还会重复加载,欢迎批评指正
很不错的文章，学习了~~
@曾江莉^_^,欢迎常来
不得不顶。很的写好
@galex谢谢，^_^
很 好 说的很好
很受用，还特意去买了一本
网站前端性能优化的书籍
不错的文章，受益匪浅。
写得不错吗
使用火狐23.1测试，发现页面中的外联脚本是与外联js同时加载的，无论放置位置在head或页面底部，然后再加载dom中的图片
雅虎不是建议ＪＳ放在body底部吗？为什么还会在头部？是一些必要的ＪＳ要放在头部吗？
底部是指html标签内还是html标签外？
留言簿(14)
随笔分类(39)
积分与排名
阅读排行榜
评论排行榜淘宝宝贝怎么设置爱心捐赠？？在什么位置？？_百度宝宝知道您的举报已经提交成功，我们将尽快处理，谢谢！
控球后卫（PG）
　　控球后卫（Point Guard）是球场上拿球机会最多的人。他要把球从后场安全地带到前场，再把球传给其他队友，这才有让其他人得分的机会。...
中锋，大前锋，小前锋，控球后卫，得分后卫。
5个人不一定按上面的分，每个人都可以见机行事
(window.slotbydup=window.slotbydup || []).push({
id: '2081942',
container: s,
size: '1000,60',
display: 'inlay-fix'绝对位置_百度百科
本词条缺少信息栏、名片图，补充相关内容使词条更完整，还能快速升级，赶紧来吧！
absolute position
定　　义
用经纬度、海拔高度体现事物与地理现象的空间关系。
地理学（一级学科），地理学总论（二级学科）
以上内容由审定公布死点位置_百度百科
本词条缺少信息栏、名片图，补充相关内容使词条更完整，还能快速升级，赶紧来吧！
当从动件上的传动角=0 (或Of=90。)，驱动力对从动件的有效回转力矩为零，这个位置称为机构的死点位置，也就是机构中从动件与连杆共线的位置称为机构的死点位置。
死点位置原理
在工程实际中，常常利用机构的死点来实现特定的工作要求，如对某些夹紧装置可用于防松。在曲柄摇杆机构中，当摇杆为主动件时，存在曲柄和连杆共线的位置就是死点位置。双曲柄机构死点位置判断： 双曲柄机构判定条件机构若为双曲柄机构时，满足条件为：最短杆与最长杆之和小于或等于其余两杆长度之和；取最短杆为机架得到双曲柄机构。
在图示曲柄摇杆机构中，若摇杆为主动件，而曲柄为从动件，则当摇杆摆动到极限位置C1D或C2D时，连杆与从动件曲柄共线，曲柄的传动角g=0°（即θ=90°），通过连杆加于从动件上的力将经过铰链中心A，从而驱使从动件曲柄运动的有效分力为零。机构的这种传动角为零的位置称为死点位置。四杆机构是否存在死点位置，决定于连杆能否运动至与转动从动件（摇杆或曲柄）共线或与移动从动件移动导路垂直。当原动件与连杆共线时为极位。在极位附近，由于从动件的速度接近于零，故可获得很大的增力效果。
对于需连续运转的机构来说，如果存在死点位置，则对传动不利，必须避免机构由死点位置开始起动，同时采取措施使机构在运动过程中能顺利通过死点位置并使从动件按预期方向运动。例如家用缝纫机中的曲柄摇杆机构（将踏板往复摆动变换为带轮单向转动），就是借助于带轮的惯性来通过死点位置并使带轮转向不变的。而当该机构正好停于死点位置时，则需在人的帮助下用手转动带轮来实现由死点位置的再次起动。