JavaScript程式設計中window的location與history物件詳解_基礎知識
- WBOY原創
- 2016-05-16 15:34:491379瀏覽
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>
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn