欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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:返回#符號后的內容
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í)行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>

相關文章

  • JavaScript的設計模式經典之建造者模式

    JavaScript的設計模式經典之建造者模式

    建造者模式是設計模式的一種,將一個復雜對象的構建與它的表示分離,使得同樣的構建過程可以創(chuàng)建不同的表示。接下來通過本文給大家介紹JavaScript的設計模式經典之建造者模式,感興趣的朋友一起學習吧
    2016-02-02
  • js實現拉伸拖動iframe的具體代碼

    js實現拉伸拖動iframe的具體代碼

    這篇文章介紹了js實現拉伸拖動iframe的具體代碼,有需要的朋友可以參考一下
    2013-08-08
  • 淺談JavaScript 代碼簡潔之道

    淺談JavaScript 代碼簡潔之道

    這篇文章主要介紹了淺談JavaScript 代碼簡潔之道,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-01-01
  • Javascript從數組中隨機取出不同元素的兩種方法

    Javascript從數組中隨機取出不同元素的兩種方法

    這篇文章給大家分享了兩種Javascript從數組中隨機取出不同元素的方法,大家可以都學習學習,這樣更能有助于大家的學習和理解,下面來一起看看吧
    2016-09-09
  • 初識Javascript小結

    初識Javascript小結

    本文是一個學習javascript的新手總結的一些關于javascript的方法,有需要的小伙伴可以參考下。
    2015-07-07
  • 純JavaScript代碼實現文本比較工具

    純JavaScript代碼實現文本比較工具

    之前項目需求需要寫一個純js文本比較工具,在此小編把代碼分享在腳本之家平臺供大家參考
    2016-02-02
  • JavaScript庫urlcat?之URL構建器庫

    JavaScript庫urlcat?之URL構建器庫

    這篇文章主要介紹了JavaScript庫urlcat之URL構建器庫,urlcat?是一個小型的JavaScript庫,使構建URL非常方便并防止常見錯誤。下文來看對其詳細介紹吧,需要的小伙伴可以參考一下
    2022-02-02
  • 解決前端跨域問題方案匯總

    解決前端跨域問題方案匯總

    這篇文章主要介紹了解決前端跨域問題8種方案的相關資料,需要的朋友可以參考下
    2016-11-11
  • js實現為a標簽添加事件的方法(使用閉包循環(huán))

    js實現為a標簽添加事件的方法(使用閉包循環(huán))

    這篇文章主要介紹了js實現為a標簽添加事件的方法,基于閉包循環(huán)實現事件添加的功能,涉及javascript閉包與事件操作相關技巧,需要的朋友可以參考下
    2016-08-08
  • Javascript遞歸打印Document層次關系實例分析

    Javascript遞歸打印Document層次關系實例分析

    這篇文章主要介紹了Javascript遞歸打印Document層次關系的方法,實例分析了javascript中Document的層次關系,需要的朋友可以參考下
    2015-05-05

最新評論