JavaScriptBOM__History_location(二十)

目錄:

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");//沒有歷史記錄----不能返回原頁面

下節(jié)預(yù)告:BOM_Navigator_Screen

參考教程視頻:https://www.3mooc.com/front/couinfo/228

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末剧罩,一起剝皮案震驚了整個濱河市栓拜,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌惠昔,老刑警劉巖幕与,帶你破解...
    沈念sama閱讀 206,378評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異镇防,居然都是意外死亡啦鸣,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評論 2 382
  • 文/潘曉璐 我一進店門来氧,熙熙樓的掌柜王于貴愁眉苦臉地迎上來诫给,“玉大人,你說我怎么就攤上這事饲漾◎Γ” “怎么了缕溉?”我有些...
    開封第一講書人閱讀 152,702評論 0 342
  • 文/不壞的土叔 我叫張陵考传,是天一觀的道長。 經(jīng)常有香客問我证鸥,道長僚楞,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,259評論 1 279
  • 正文 為了忘掉前任枉层,我火速辦了婚禮泉褐,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘鸟蜡。我一直安慰自己膜赃,他們只是感情好,可當我...
    茶點故事閱讀 64,263評論 5 371
  • 文/花漫 我一把揭開白布揉忘。 她就那樣靜靜地躺著跳座,像睡著了一般。 火紅的嫁衣襯著肌膚如雪泣矛。 梳的紋絲不亂的頭發(fā)上疲眷,一...
    開封第一講書人閱讀 49,036評論 1 285
  • 那天,我揣著相機與錄音您朽,去河邊找鬼狂丝。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的几颜。 我是一名探鬼主播倍试,決...
    沈念sama閱讀 38,349評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼菠剩!你這毒婦竟也來了易猫?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,979評論 0 259
  • 序言:老撾萬榮一對情侶失蹤具壮,失蹤者是張志新(化名)和其女友劉穎准颓,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體棺妓,經(jīng)...
    沈念sama閱讀 43,469評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡攘已,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,938評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了怜跑。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片样勃。...
    茶點故事閱讀 38,059評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖性芬,靈堂內(nèi)的尸體忽然破棺而出峡眶,到底是詐尸還是另有隱情,我是刑警寧澤植锉,帶...
    沈念sama閱讀 33,703評論 4 323
  • 正文 年R本政府宣布辫樱,位于F島的核電站,受9級特大地震影響俊庇,放射性物質(zhì)發(fā)生泄漏狮暑。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,257評論 3 307
  • 文/蒙蒙 一辉饱、第九天 我趴在偏房一處隱蔽的房頂上張望搬男。 院中可真熱鬧,春花似錦彭沼、人聲如沸缔逛。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽褐奴。三九已至,卻和暖如春挺益,著一層夾襖步出監(jiān)牢的瞬間歉糜,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工望众, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留匪补,地道東北人伞辛。 一個月前我還...
    沈念sama閱讀 45,501評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像夯缺,于是被迫代替她去往敵國和親蚤氏。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,792評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 概要 64學(xué)時 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,095評論 0 3
  • ??ECMAScript 是 JavaScript 的核心,但如果要在 Web 中使用 JavaScript捏境,那么...
    霜天曉閱讀 869評論 0 0
  • 什么是BOM BOM:Browser Object Model 瀏覽器對象模型BOM是JavaScript組成之一...
    ZombieBrandg閱讀 660評論 0 1
  • 第3章 基本概念 3.1 語法 3.2 關(guān)鍵字和保留字 3.3 變量 3.4 數(shù)據(jù)類型 5種簡單數(shù)據(jù)類型:Unde...
    RickCole閱讀 5,097評論 0 21
  • 日精進打卡 姓名:熊艷紅 公司:寧波藍天白云供應(yīng)鏈管理有限公司 【日精進打卡第213天】 【知~學(xué)習(xí)】 聽書 【行...
    熊熊Lv閱讀 139評論 0 0