html5 - boilerplate中javascript的包含为何放在body标签而非head标签?
高洛峰
高洛峰 2017-04-17 11:07:28
[HTML讨论组]


    
        
        
        
        
        

        

        
        
        
    
    
        

        
        

Hello world! This is HTML5 Boilerplate.

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(1)
PHP中文网
  1. javascript是可以插入在body中的。
  2. 具体的插入位置/次序和载入顺序有关。在body末尾插入可以确保js在主要的html dom载入完成后再执行,并减少页面显示前太长的等待时间。

update:
@Humphry 在回复中提到了内联JS阻塞渲染,非常感谢补充,我之前一笔带过太不负责了T_T。这里还有一个参考介绍html页面的渲染过程,也说到了脚本阻碍页面渲染的问题,中文好懂点。

大致来说,当页面依次序载入到script的时候,dom树的解析和渲染会暂停,在js载入执行完毕之前,页面会保持后续内容不完整的状态。将script后置,可以避免这个情况,特别在脚本下载和执行耗时很长的时候会更明显。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号