DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JavaScript獲取頁面的URL
JavaScript獲取頁面的URL
編輯:JavaScript基礎知識     
window.location 對象用於獲得當前頁面的地址 (URL),並把浏覽器重定向到新的頁面。


Window Location
window.location 對象在編寫時可不使用 window 這個前綴。
一些例子:
location.hostname 返回 web 主機的域名
location.pathname 返回當前頁面的路徑和文件名
location.port 返回 web 主機的端口 (80 或 443)
location.protocol 返回所使用的 web 協議(http:// 或 https://)


Window Location Href
location.href 屬性返回當前頁面的 URL。
實例
返回(當前頁面的)整個 URL:

<script>

document.write(location.href);

</script>

以上代碼輸出為:


以上內容為JS腳本動態生成,可以試試以下網址的效果:
http://hovertree.com/hvtart/bjae/wvobi5ky.htm?hovertree
http://hovertree.com/hvtart/bjae/wvobi5ky.htm?keleyi

Window Location Pathname
location.pathname 屬性返回 URL 的路徑名。
實例
返回當前 URL 的路徑名:

<script>

document.write(location.pathname);

</script>

以上代碼輸出為:



Window Location Assign
location.assign() 方法加載新的文檔。

可以先查看文檔的內容:http://hovertree.com/texiao/js/6.htm

實例
加載一個新的文檔:
<html>
<head>
<script>
function newDoc()
{
window.location.assign("http://hovertree.com/texiao/js/6.htm")
}
</script>
</head>
<body>

<input type="button" value="加載新文檔" onclick="newDoc()">

</body>
</html>

效果體驗:
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved