location對象的屬性和方法應用(解析URL)
更新時間：2013年04月12日 17:22:26 作者：
本文將與大家分享下location對象使用屬性和方法來解析URL的實例，感興趣的朋友可以參考下，希望對你有所幫助
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:返回#符號后的內(nèi)容
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中使用的協(xié)議
function showprotacal() {
alert(window.location.protocal);
}
--------------------//search:執(zhí)行g(shù)et請求的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>
復制代碼 代碼如下:
<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:返回#符號后的內(nèi)容
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中使用的協(xié)議
function showprotacal() {
alert(window.location.protocal);
}
--------------------//search:執(zhí)行g(shù)et請求的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>
相關(guān)文章
小程序卡片切換效果組件wxCardSwiper的實現(xiàn)
這篇文章主要介紹了小程序卡片切換效果組件wxCardSwiper的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-02-02
超級簡單實現(xiàn)JavaScript MVC 樣式框架
本文給大家分享的是一則翻譯過來的，由國外友人寫的如何簡單有效的實現(xiàn)javascript MVC樣式框架，算是一個MVC的入門教程，希望大家能夠喜歡。2015-03-03
當圖片不存在時載入默認圖片的代碼2009-12-12
數(shù)組和字符串類型對象的方法我特容易搞混淆,所以把他列出來，免得每次取查。2009-09-09
.net JS模擬Repeater控件的實現(xiàn)代碼
一個模板控件規(guī)定了它的模板語法和js api，這是一個repeater控件的JS實現(xiàn):2013-06-06
在實際應用中我們常常會遇到監(jiān)聽按鍵輸入和鼠標點擊事件,下面這篇文章主要給大家介紹了關(guān)于JavaScript事件監(jiān)聽之鍵盤事件的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-06-06
這篇文章主要介紹了分析ES5和ES6的apply區(qū)別，對ES6感興趣的同學，可以參考下2021-05-05
這篇文章主要介紹了基于JavaScript實現(xiàn)的快速排序算法,分析了快速排序的原理并結(jié)合實例形式給出了javascript快速排序的操作步驟與相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2017-04-04
改善性能的最好方法之一是避免重復兩次相同的工作。因此，只要可以緩存結(jié)果供以后使用，就可以加快程序的速度。延遲加載屬性模式技術(shù)使任何屬性都可以成為緩存層以提高性能。這里說到的延遲加載屬性模式就是利用的訪問器屬性，將計算昂貴的操作推遲到需要時再使用2021-06-06
這篇文章主要為大家詳細介紹了js實現(xiàn)百度淘寶搜索功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02