用script標簽引入腳本的引入位置大致有兩種情況：
1，在head中引入；
2，在body末尾引入；
瀏覽器由上到下解析代碼，正常情況下，先解析head中的代碼，在解析body中的代碼；放在head中的好處是統一管理、方便維護，但是，要知道解析js代碼也就是遇到script標簽會阻塞加載，如果js代碼文件較大，頁面會出現一個明顯的空白期，造成用戶體驗不好（事實上js會被緩存，所以這種情況造成的影響很小），一般通用類的調用可以放在head中（其中需要操作dom的可以ready后操作）；而對於內部引用（在script標簽中寫js代碼）一般會放在body中；在head中的js會在調用的時候執行，在body中的js會在頁面加載時候執行。
理論上來說js標簽放在html文檔的任何位置都可以，規范起見，推薦放到body結束標簽的末尾，包含到body標簽內：
<body>
<!-- 這里是其他的HTML標簽 -->
<script> // 這里是代碼 </script>
</body>
這樣處理的好處是無需擔心因頁面未完成加載，造成DOM節點獲取不到，使腳本報錯的問題，而且能避免因腳本運行緩慢造成頁面卡死的問題。另外，Yahoo的前端優化指南里就有這一條。
參考
鏈接：https://www.jianshu.com/p/0c3af5731e2a
https://blog.csdn.net/tianrangdejiehuo/article/details/51818673