首先透過 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>
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