用 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>

相關閱讀

PHP 取得目前網址技巧分享
JavaScript document.URL
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012
PHP Smarty MySQL JQuery Apache W3C