DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JavaScript編程中window的location與history對象詳解
JavaScript編程中window的location與history對象詳解
編輯:JavaScript基礎知識     

Window Location

  • window.location 對象用於獲得當前頁面的地址 (URL),並把浏覽器重定向到新的頁面。
  • 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>



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

<script>

document.write(location.pathname);

</script>

以上代碼輸出為:

/js/js-window-location.html


Window Location Assign
location.assign() 方法加載新的文檔。
實例
加載一個新的文檔:

<html>
<head>
<script>
function newDoc()
 {
 window.location.assign("http://www.w3cschool.cc")
 }
</script>
</head>
<body>

<input type="button" value="Load new document" onclick="newDoc()">

</body>
</html>


Window History
window.history對象在編寫時可不使用 window 這個前綴。
為了保護用戶隱私,對 JavaScript 訪問該對象的方法做出了限制。
一些方法:

  • history.back() - 與在浏覽器點擊後退按鈕相同
  • history.forward() - 與在浏覽器中點擊按鈕向前相同

Window History Back

history.back() 方法加載歷史列表中的前一個 URL。
這與在浏覽器中點擊後退按鈕是相同的:
實例
在頁面上創建後退按鈕:

<html>
<head>
<script>
function goBack()
 {
 window.history.back()
 }
</script>
</head>
<body>

<input type="button" value="Back" onclick="goBack()">

</body>
</html>


Window History Forward
history forward() 方法加載歷史列表中的下一個 URL。
這與在浏覽器中點擊前進按鈕是相同的:
實例
在頁面上創建一個向前的按鈕:

<html>
<head>
<script>
function goForward()
 {
 window.history.forward()
 }
</script>
</head>
<body>

<input type="button" value="Forward" onclick="goForward()">

</body>
</html>

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