JavaScript編程中window的location與history對象詳解

更新時間：2015年10月26日 16:58:09 投稿：goldensun

這篇文章主要介紹了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 協(xié)議（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。
這與在瀏覽器中點擊后退按鈕是相同的：
實例
在頁面上創(chuàng)建后退按鈕：

<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。
這與在瀏覽器中點擊前進按鈕是相同的：
實例
在頁面上創(chuàng)建一個向前的按鈕：

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

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

</body>
</html>

您可能感興趣的文章:

詳解Js里的for…in和for…of的用法
這篇文章主要介紹了Js里的for…in和for…of的用法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-03-03
javascript編程起步（第三課）
javascript編程起步（第三課）...
2007-02-02
全面理解JavaScript中的閉包
將外部作用域中的局部變量封閉起來的函數(shù)對象稱為閉包(Closure),被封閉起來的變量與封閉它的函數(shù)對象有相同的生命周期,這在JavaScript中比較難理解而且十分重要,接下來帶大家一起來全面理解JavaScript中的閉包:
2016-05-05
JavaScript onkeypress事件入門實例(按下或按住一個鍵盤按鍵)
這篇文章主要介紹了JavaScript onkeypress事件入門實例,onkeypress事件捕捉按下或按住一個鍵盤按鍵的情況,需要的朋友可以參考下
2014-10-10
JavaScript中的call方法和apply方法使用對比
這篇文章主要介紹了JavaScript中的call方法和apply方法使用對比,需要的朋友可以參考下
2015-08-08
DOM基礎教程之使用DOM設置文本框
這篇文章主要介紹了DOM基礎教程之使用DOM設置文本框的相關資料,需要的朋友可以參考下
2015-01-01
用JavaScript腳本實現(xiàn)Web頁面信息交互
這篇文章主要給大家介紹了關于用JavaScript腳本實現(xiàn)Web頁面信息交互的相關資料,需要的朋友可以參考下
2006-12-12
javascript中的107個基礎知識收集整理推薦
這篇文章對于初學者絕對是個不錯的整理，需要的朋友可以收藏下。
2010-03-03
JavaScript高級程序設計（第3版）學習筆記13 ECMAScript5新特性
通常而言，JavaScript由ECMAScript核心、BOM和DOM三部分構成，前面的文章將ECMAScript核心部分粗略的過了一篇
2012-10-10
uniapp父子組件傳值3種方法(props、slot和ref)
這篇文章主要給大家介紹了關于uniapp父子組件傳值的3種方法,方法包括props、slot和ref,最近看到uniapp組件傳值的方法,這里記錄一下,需要的朋友可以參考下
2023-07-07