JavaScript 取得目前網址相關資訊

PHP中我們常常會需要取得網址參數,但並非每次都採用PHP來取得網址參數,因為有的時候某些動作僅需要在用戶端執行即可,所以這篇主要分享如何透過JavaScript取得網址與其它網址的參數,算是非常實用的’小技巧。


首先透過 JavaScript 取得目前網頁網址的語法是 location.href,以下簡單範例

<script type="text/javascript">alert(location.href);</script>

這個範例中我們採用的是 alert 所以會跳出一個對話視窗告訴你現在的網址,當然你也可以採用document.write的方式呈現,只是為了避免網頁亂碼問題,所以這裡我們採用了 alert 語法來呈現。

假設我們的網址是:http://www.wibibi.com:80/test.html?tid=222#333

馬上就寫個簡單的範例來取得所有網址資訊

<script type="text/javascript">
 alert('location.href: '+location.href); //輸出値為 location.href: http://www.wibibi.com/test.html?tid=222#333
 alert('location.protocol: '+location.protocol); //輸出値為 location.protocol: http:
 alert('location.hostname: '+location.hostname); //輸出値為 location.hostname: www.wibibi.com
 alert('location.host: '+location.host); //輸出値為 location.host: www.wibibi.com
 alert('location.port: '+location.port); //輸出値為 80
 alert('location.pathname: '+location.pathname); //輸出値為 location.pathname: /test.html
 alert('location.search: '+location.search); //輸出値為 location.search: ?tid=222
 alert('location.hash: '+location.hash); //輸出値為 location.hash: #333
</script>

 

 

原文 http://www.wibibi.com/info.php?tid=82