location對象提供了很多屬性和方法用來解析URL。
復制代碼 代碼如下:
<head>
<title></title>
<script type="text/javascript">
var uristr = window.location.search.substr(1);
var array = uristr.split('&&');
for (var i = 0; i < array.length; i++) {
var array1 = array[i].split('=');
alert(array1[0]);
}
--------------------//hash:返回#符號後的內容
function showhash() {
alert(window.location.hash);
}
--------------------//host:服務器的名字
function showhost() {
alert(window.location.host);
}
--------------------//href:當前載入的頁面的完整的URL
function showhref() {
alert(window.location.href);
}
--------------------//pathname:url中主機名後的部分
function showpathname() {
alert(window.location.pathname);
}
--------------------//protocal:URL中使用的協議
function showprotacal() {
alert(window.location.protocal);
}
--------------------//search:執行get請求的URL中問號後面的部分，又稱為查詢字符串
function showsearch() {
alert(window.location.search);
}
</script>
</head>
<body>
<input type="button" value="Hash" onclick="showhash();" />
<br />
<input type="button" value="host" onclick="showhost();" />
<br />
<input type="button" value="href" onclick="showhref();" />
<br />
<input type="button" value="pathname" onclick="showpathname();" />
<br />
<input type="button" value="protocal" onclick="showprotacal();" />
<br />
<input type="button" value="search" onclick="showsearch();" />
</body>
測試search的時候，需要從另一個頁面點擊一個連接，從浏覽器地址欄穿過來值：
<body>
<a href="HTMLPage1.htm?name='王五'&&age=22">GO</a>
</body>