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>
效果體驗: