在使用jQuery的過程中,通常需要將jQuery的核心庫文件以及自己所編寫的JavaScript代碼文件引入到HTML中。那么,將這些文件放置在哪里是比較合適的呢?
最常見的做法是將jQuery的核心庫文件放在<head>標簽內(nèi)的<script>標簽中進行引入。這樣可以保證在頁面渲染時jQuery的庫文件可以先被加載并執(zhí)行,使得后面的JavaScript代碼可以使用jQuery提供的工具進行操作。另外,為了提高網(wǎng)站的訪問速度,推薦將jQuery的核心庫文件放置在CDN(內(nèi)容分發(fā)網(wǎng)絡(luò))上。
<head> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="my-script.js"></script> </head>
而自己所編寫的JavaScript代碼文件通常會放置在<body>標簽后面,而且也應(yīng)該放在jQuery的庫文件之后進行引入。這樣可以確保當(dāng)JavaScript代碼文件運行時,jQuery的庫文件已經(jīng)被正確加載并執(zhí)行,從而避免出現(xiàn)因未加載jQuery而導(dǎo)致代碼無法正常運行的問題。
<body> <!-- 網(wǎng)頁內(nèi)容 --> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="my-script.js"></script> </body>