javascript在html中引入的不同位置的作用

ttt.png

一般:

  • 知名的第三方依赖(如jQuery/AngularJS/Bootstrap),放在1——header里。(尤其在使用那些知名库的公库url后,在特定地域内加载速度有保证)
  • 自写的纯逻辑代码(没有引用可见标签的),放在2——body标签的顶部
  • 界面逻辑相关代码,放在3——确保被引用标签已经被浏览器创建存在。

加载固定内容的脚本,可以前置到文档头部。
浏览器的dom按读取到标签顺序解析并执行,所以脚本引用前置使其尽早加载,有加速效果(尤其浏览器首次打开网页,且网页内容较大或者网速不佳时)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,809评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,982评论 19 139
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,251评论 4 61
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,482评论 25 708
  • 为了尽快进入主题,具体的路线,等等最后再描述,本文分三部分,供读者朋友区分跳读和细读。 1,黑麋峰之游概述 2,古...
    温柔地捶胸口的声音阅读 560评论 0 2