脚本语言放在<head></head>和放在<body></body>里面有什么区别吗?
脚本语言放在<head></head>和放在<body></body>里面有什么区别吗?
脚本语言放在<head></head>和放在<body></body>里面有什么区别吗?
2015-07-19
理论上,放到哪 会影响执行顺序,你在一个有内容的html里用js 写个 document.write()放到不同的位置,就会发现。显示在网页上的位置不同(如果放到 head和 body 最前面 看不出变化,但实际却是会影响执行的先后顺序)。
然而大多数时候并没有区别, 因为一般很少 会写这种立即执行的js,大多数都是 写成在页面加载完成之后才执行。
//定义方法 通过元素的 onXXX调用 function fun(){ //XXXXX } //或者 页面加载完成后执行 window.onload = function(){ //XXXXXX } //或者 jquery的 也是等页面完成后再执行 $(function(){ //完整写法 $(document).ready({ /XXXXXXX });
以上的代码 都是在 页面显示完成后才执行,所以写到开始和最后都一样。
但是 一般 各大搜索引擎 都建议你 把CSS放到前面 ,把这些加载后才执行的JS写到页尾!
因为那样 对于搜索引擎的爬虫而言他们可以少读取一些无用的内容(搜索引擎只找你页面的关键文字和图片)
而且对于获得用户也有一定的好处,网速差的人如果访问js都写在前面的网站,他会看到一片空白,时间一长就会离开了,而如果放到后面,他会看到一个网页的大概,而在他等他图片和其他内容响应的同时,JS也会加载完成。(当然如果有心急的人 这个时候点按钮是没反应的)
举报