JQuery是一個常用的JavaScript庫，它提供了很多方便的API來簡化代碼的編寫。其中，$（document）.ready（）函數可以確保整個頁面完全加載后再執行JavaScript代碼。在Web開發中，經常需要獲取基本URL，以便在不同環境中操作，jQuery提供了一個很有用的方法來實現這個任務——baseURL。
var baseURL = $('base').attr('href');
console.log(baseURL);通過這個方法，我們可以獲取網站的根路徑，例如：http://www.example.com/。這在處理動態URL時非常有用，比如根據當前的環境調整網站的路徑。除此之外，我們還可以通過更改<base href="/">標簽的內容來實現網站的前后端分離。
需要注意的是，要想在jQuery中使用baseURL，我們必須在html頁面的head標簽中加入<base href="/">標簽。如果沒有這個標簽，則baseURL將返回空字符串“”。
<!DOCTYPE html>
<html>
<head>
<base href="/">
<title>JQuery baseURL Demo</title>
</head>
</body>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function() {
var baseURL = $('base').attr('href');
console.log(baseURL); // 輸出 http://www.example.com/
});
</script>
</body>
</html>使用baseURL不只是讓我們的代碼更簡潔，還提供了更好的適應性，能夠幫助我們有效地處理各種環境下的請求。