在jquery中,有一個非常方便的工具可以解析和操作URL,它就是$.url()函數。
//使用方式 $.url(urlString);
這個函數會將傳入的字符串URL解析為一個對象,我們可以通過這個URL對象來獲取URL的各個部分:
//獲取協議 var protocol = $.url(urlString).attr('protocol'); //獲取域名 var host = $.url(urlString).attr('host'); //獲取路徑 var path = $.url(urlString).attr('path'); //獲取查詢字符串 var query = $.url(urlString).attr('query');
我們還可以修改URL中的一些參數:
//替換路徑 $.url(urlString).attr('path', '/new/path'); //替換查詢字符串 $.url(urlString).attr('query', 'newParam=value'); //添加查詢參數 $.url(urlString).param('newParam', 'value'); //刪除查詢參數 $.url(urlString).removeParam('paramToDelete');
$.url()函數還可以接受一個可選的第二個參數,可以用于解析相對URL:
var relativeUrl = '../newPage.html'; $.url(relativeUrl, urlString);
這樣就會使用第二個參數urlString作為相對URL的基礎。