有關script引入位置問題

用script標簽引入腳本的引入位置大致有兩種情況:

1,在head中引入;

2,在body末尾引入;

瀏覽器由上到下解析代碼,正常情況下,先解析head中的代碼,在解析body中的代碼;放在head中的好處是統一管理、方便維護,但是,要知道解析js代碼也就是遇到script標簽會阻塞加載,如果js代碼文件較大,頁面會出現一個明顯的空白期,造成用戶體驗不好(事實上js會被緩存,所以這種情況造成的影響很小),一般通用類的調用可以放在head中(其中需要操作dom的可以ready后操作);而對于內部引用(在script標簽中寫js代碼)一般會放在body中;在head中的js會在調用的時候執行,在body中的js會在頁面加載時候執行。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 一:在制作一個Web應用或Web站點的過程中,你是如何考慮他的UI、安全性、高性能、SEO、可維護性以及技術因素的...
    Arno_z閱讀 1,204評論 0 1
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,837評論 18 139
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,786評論 1 92
  • 前端開發面試知識點大綱: HTML&CSS: 對Web標準的理解、瀏覽器內核差異、兼容性、hack、CSS基本功:...
    秀才JaneBook閱讀 2,431評論 0 25
  • 從上一家公司辭職到現在已經快1個月了,我的碩士畢業論文也終于快要完成初稿了。在此春光明媚的午后,回憶一下自己的戰斗...
    DukeZhang閱讀 1,757評論 0 3