目錄:
1.History對象
2.location對象
一绿淋、History對象
1.什么是History
History 對象包含用戶(在瀏覽器窗口中)訪問過的 URL豆赏。
History 對象是 window 對象的一部分氛堕,可通過 window.history 屬性對其進行訪問枪芒。
注釋:沒有應(yīng)用于 History 對象的公開標準铲球,不過所有瀏覽器都支持該對象挺庞。
2.history對象的方法
- back()方法會讓瀏覽器加載前一個瀏覽過的文檔。 history.back()等效于瀏覽器中的“后退”按鈕
- forward()方法會讓瀏覽器加載后一個瀏覽的文檔稼病。history. forward()等效于瀏覽器中的“前進”按鈕
- go(n)方法
history.go(1)代表前進一頁选侨,相當于瀏覽器中的前進按照,等價于forward()方法
history.go(-1)代表后退一頁然走,相當于瀏覽器中的后退按鈕援制,等價于back()方法
3.代碼
<!DOCTYPE html>
<html>
<head>
<script>
function goBack()
{
window.history.go(-2)
}
</script>
</head>
<body>
<input type="button" value="Go 2 pages back" onclick="goBack()">
</body>
</html>
二、location對象
1.什么是location
Location 對象包含有關(guān)當前 URL 的信息芍瑞。
Location 對象是 Window 對象的一個部分晨仑,可通過 window.location 屬性來訪問。
2.location對象的屬性和方法
屬性:location.href
可讀可寫拆檬,設(shè)置或返回當前的URL地址洪己。屬性:location.host
可讀可寫,設(shè)置或返回當前 URL 的主機名稱和端口號竟贯。屬性:location.hostname
可讀可寫答捕,設(shè)置或返回當前 URL 的主機名稱。屬性:location.href
可讀可寫屑那,設(shè)置或返回 URL 的錨部分(從 # 號開始的部分)拱镐。屬性:location.port
可讀可寫,設(shè)置或返回 URL 的端口號持际。屬性:location.pathname
可讀可寫痢站,設(shè)置或返回 URL 的路徑部分。也就是端口號之后选酗,從/開始阵难。屬性:location.protocol
可讀可寫,設(shè)置或返回 URL 的協(xié)議芒填。屬性:location.search
可讀可寫呜叫,設(shè)置或返回 URL 的參數(shù)部分,從?開始殿衰,包含?朱庆。方法:location.assign(url)
加載新的文檔,其實就是跳轉(zhuǎn)新的地址闷祥。方法:location.reload(true/false)
刷新當前頁面娱颊,false與F5刷新一樣傲诵,true與shift+F5一樣。方法:location.replace(url)
跳轉(zhuǎn)新的地址箱硕,且沒有歷史記錄在瀏覽器拴竹,也就是替換當前的文檔。
3.代碼
//對象中的屬性和方法
//location 對象
console.log(window.location);
//地址欄上#及后面的內(nèi)容
console.log(window.location.hash);
//主機及端口號
console.log(window.location.host);
//主機名
console.log(window.location.hostname);
//文件的路徑----相對路徑
console.log(window.location.pathname);
//端口號
console.log(window.location.port);
//協(xié)議
console.log(window.location.protocol);
//搜索的內(nèi)容
console.log(window.location.search);
//設(shè)置跳轉(zhuǎn)的頁面地址
location.;//屬性-----
location.assign("http://www.3mooc.com");//方法
location.reload();//重新加載
location.replace("http://www.3mooc.com");//沒有歷史記錄----不能返回原頁面