window.location

每次接觸到window.location的時候都只會用一些簡單的辐真,并不能知道其真正的含義,今天就來好好總結(jié)一下吧....

1.location.hash?

location.hash指的是#后面的錨部分,返回的值是包含#的殃姓,也可以利用location.hash = '456'或者location.hash = '#456'來設(shè)置鏈接的錨部分的值凡蚜,和下面的lcoation.search一樣,也是不能跨域獲取和設(shè)置的

2.location.host?

location.host指的是獲取鏈接當(dāng)中的主機(jī)名及端口號耻蛇,如百度的獲取到的是www.baidu.com踪蹬,當(dāng)然也可以使用location.host = 'localhost:3000'來設(shè)置url中的主機(jī)名和端口號(設(shè)置了之后可能會引起頁面的跳轉(zhuǎn)噢)

3.location.hostname?

location.hostname指的是獲取url中的主機(jī)名,如:'localhost:3000'獲取的就是localhost臣咖,當(dāng)然也可以使用location.hostname = 'www.baidu.com'來設(shè)置主機(jī)名(注意設(shè)置了之后可能會引起頁面的跳轉(zhuǎn))

4.location.href?

location.href指的是獲取頁面的完整的url,通過給location.href設(shè)置值跃捣,可以實現(xiàn)頁面跳轉(zhuǎn),如location.href = 'http://www.baidu.com'跳轉(zhuǎn)到百度頁面
在嵌入iframe標(biāo)簽的時候,如果在iframe頁面中使用的是self.location.href = ***(注意location.href和這個效果一樣),是將iframe窗口的頁面做跳轉(zhuǎn)夺蛇,如果使用top.location.href = ***,是將iframe的頂級窗口的頁面做跳轉(zhuǎn)疚漆,如果使用parent.location.href = ***,是將iframe的上一級窗口做跳轉(zhuǎn)
經(jīng)過試驗,在iframe頁面和父頁面及頂層頁面不是一個域中刁赦,如果使用top.location.href和parent.location.href也是可以使相應(yīng)的頁面跳轉(zhuǎn)的娶聘,還發(fā)現(xiàn)一個有趣的事情,在頁面一加載進(jìn)來就跳轉(zhuǎn)了頁面(采用location.href或者其他)甚脉,竟然沒有瀏覽器的返回按鈕丸升,如果采用的點擊事件的方式,瀏覽器是有跳轉(zhuǎn)按鈕的
雖然在iframe頁面中宦焦,可以讓上一級頁面跳轉(zhuǎn)发钝,但是在不同域的情況下顿涣,想獲得上一級頁面的url的地址信息是獲取不到的,因為跨域了
此處要引出一個知識點localStorage是否也有這樣的top,parent的方法呢酝豪?
經(jīng)過驗證是不行的涛碑,跨域了,所以localStorage等一定要是同源的啊
注意使用location.href的時候可以使用絕對路徑孵淘,也可以使用相對路徑蒲障,還可以使用根路徑,如location.href = '/index.html','/'就表示到根路徑下面

5.location.pathname?

location.pathname指的是獲取url的路徑部分瘫证,如http://localhost:8080/jquery/jquery.html揉阎,獲得的是/jquery/jquery.html(記得前面有斜杠噢),也可以設(shè)置哦,設(shè)置后頁面會跳轉(zhuǎn)背捌,記得設(shè)置的時候要和得到這個值的時候一樣毙籽,設(shè)置成/jquery/***.html不能設(shè)置成相對路徑和絕對路徑等

6.location.port?

location.port指的是返回當(dāng)前頁面的端口號,如上面的url鏈接當(dāng)中返回的是8080毡庆,也可以設(shè)置端口坑赡,也會實現(xiàn)頁面的跳轉(zhuǎn)

7.location.protocol?

location.protocol是指獲取頁面的協(xié)議,如http://localhost:8080/jquery/jquery.html獲取的是http:(記得有:噢)么抗,也可以設(shè)置毅否,設(shè)置的時候盡量也帶冒號(雖然不帶對使用沒有影響),如果設(shè)置成https:蝇刀,發(fā)現(xiàn)是可以跳轉(zhuǎn)的(只是會提示不安全)

8.location.search?

location.search只是獲取頁面?后面的部分(包含問號)螟加,如果設(shè)置location.search = '123'或者location.search = '?123'(建議采用這種寫法),是設(shè)置問號后面的參數(shù)吞琐,是整個替換噢捆探,并不是添加,如果在子iframe里面站粟,跨域設(shè)置父頁面的?后面徐许,是設(shè)置不了的,會報跨域的錯誤卒蘸,同樣獲取也是獲取不到的,同源的是可以設(shè)置的翻默,注意缸沃,如果后面有#,就到#前為止

9.location.assign()?

location.assign(url)是指加載一個新的文檔修械,和location.href一樣趾牧,是可以設(shè)置相對路徑、絕對路徑肯污、根路徑的翘单,百度上面看到很多說法吨枉,有說location.assign跳轉(zhuǎn)的頁面,可以點擊瀏覽器后退哄芜,后來發(fā)現(xiàn)一進(jìn)入頁面就location.assign(url)跳轉(zhuǎn)鏈接的貌亭,瀏覽器并沒有后退按鈕,但是如果是在某一個標(biāo)簽上面綁定事件跳轉(zhuǎn)的是有后退按鈕的认臊,后來我在想此處說可以后退圃庭,是否是指調(diào)用history.go(-1),可以后退失晴,后來發(fā)現(xiàn)也是要點擊的調(diào)用這個方法可以后退剧腻,一進(jìn)入這個頁面的,并不能后退涂屁,當(dāng)加入一個定時器是可以返回的

10.location.reload()?

location.reload(參數(shù))书在,刷新當(dāng)前頁面,瀏覽器是沒有后退按鈕的拆又,當(dāng)沒有參數(shù)或者參數(shù)為false的時候儒旬,瀏覽器會利用HTTP的If-Modified-Since來檢測服務(wù)器的文檔是否改變了,如果沒有改變遏乔,就會重緩存中讀取文件义矛,如果改變了就會重新下載文件,如果參數(shù)為true盟萨,都會直接在瀏覽器上面下載該文件

11.location.replace(url)?

location.replace(url)是指用新文檔替換當(dāng)前文檔里面的內(nèi)容凉翻,url也可以是相對路徑,絕對路徑和根路徑捻激,使用location.replace(url)是沒有后退按鈕的制轰,不管哪種情況

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市胞谭,隨后出現(xiàn)的幾起案子垃杖,更是在濱河造成了極大的恐慌,老刑警劉巖丈屹,帶你破解...
    沈念sama閱讀 217,734評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件调俘,死亡現(xiàn)場離奇詭異,居然都是意外死亡旺垒,警方通過查閱死者的電腦和手機(jī)彩库,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來先蒋,“玉大人骇钦,你說我怎么就攤上這事【貉” “怎么了眯搭?”我有些...
    開封第一講書人閱讀 164,133評論 0 354
  • 文/不壞的土叔 我叫張陵窥翩,是天一觀的道長。 經(jīng)常有香客問我鳞仙,道長寇蚊,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,532評論 1 293
  • 正文 為了忘掉前任繁扎,我火速辦了婚禮幔荒,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘梳玫。我一直安慰自己爹梁,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,585評論 6 392
  • 文/花漫 我一把揭開白布提澎。 她就那樣靜靜地躺著姚垃,像睡著了一般。 火紅的嫁衣襯著肌膚如雪盼忌。 梳的紋絲不亂的頭發(fā)上积糯,一...
    開封第一講書人閱讀 51,462評論 1 302
  • 那天,我揣著相機(jī)與錄音谦纱,去河邊找鬼看成。 笑死,一個胖子當(dāng)著我的面吹牛跨嘉,可吹牛的內(nèi)容都是我干的川慌。 我是一名探鬼主播,決...
    沈念sama閱讀 40,262評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼祠乃,長吁一口氣:“原來是場噩夢啊……” “哼梦重!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起亮瓷,我...
    開封第一講書人閱讀 39,153評論 0 276
  • 序言:老撾萬榮一對情侶失蹤琴拧,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后嘱支,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蚓胸,經(jīng)...
    沈念sama閱讀 45,587評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,792評論 3 336
  • 正文 我和宋清朗相戀三年除师,在試婚紗的時候發(fā)現(xiàn)自己被綠了赢织。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,919評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡馍盟,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出茧吊,到底是詐尸還是另有隱情贞岭,我是刑警寧澤八毯,帶...
    沈念sama閱讀 35,635評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站瞄桨,受9級特大地震影響话速,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜芯侥,卻給世界環(huán)境...
    茶點故事閱讀 41,237評論 3 329
  • 文/蒙蒙 一泊交、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧柱查,春花似錦廓俭、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,855評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至淋硝,卻和暖如春雹熬,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背谣膳。 一陣腳步聲響...
    開封第一講書人閱讀 32,983評論 1 269
  • 我被黑心中介騙來泰國打工竿报, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人继谚。 一個月前我還...
    沈念sama閱讀 48,048評論 3 370
  • 正文 我出身青樓烈菌,卻偏偏與公主長得像,于是被迫代替她去往敵國和親犬庇。 傳聞我的和親對象是個殘疾皇子僧界,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,864評論 2 354

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