javascript中Location對象的使用

來源:互聯網
上載者:User

原文地址:http://hi.baidu.com/ufineifine/blog/item/f57cedcd9b78dd510eb3451c.html

 

javascript 的location應用
Location.href 返回整個當前url,若對其賦值:
location.href="http://www.sina.com.cn"則跳轉其url
location.host 返回網域名稱和連接埠號碼,如:www.sina.com.cn:80
lcation.hostname 返回網域名稱
location.port 返回連接埠
location.pathname 返回網域名稱後第一個斜框後的字串
location.hash 跳到本頁的某個錨
location.search 取url?後的部分

javascript 的history對象
history.back()     等同於按瀏覽器的後退按鈕
history.forward() 等同於按瀏覽器的前進按鈕
history.current    指當前的url(等同於location.href),在曆史中的索引位置總為 0
history.go(-2)     或 history.go("任意.html") 向前或向後移動,或尋找字串標明的最新url

 

Location 對 象 的 使 用

location對象:
  location提供了關於當前開啟視窗或者特定架構的url資訊。一個多架構的視窗對象在location屬性顯示的是父視窗的URL,每個架構也有一個與之相伴的location對象。

  hash屬性:hash標註是一個url很好的習慣用法,它指定瀏覽器到一個位於文檔中的anchor位置,相當於一個書籤兒。

  host屬性:描述漁歌url的主機名稱和連接埠,只有連接埠號碼是url的一個明確部分時,值中才包括連接埠號碼。

  hostname屬性:一個典型的url的主機名稱是網路上伺服器的名字,該網路儲存有你的瀏覽器上可以查看的文檔。對大多數Web網站來說,伺服器名不僅包括網域名稱,也包括www首碼,如果連接埠號碼是在url中特有的話,主機名稱並不包括,而是包括在host屬性中。

  href屬性:該屬性提供一個指定視窗對象的整個url的字串。

  pathname屬性:url的路徑名部分由與伺服器root(根)卷相關的目錄結構組成。根不是目錄的一部分,如果url的路徑是通向根目錄中的一個檔案,那麼location.pathname屬性就是(/)。

  port屬性:連接埠號碼很少用到。當指向一個沒有賦給網域名稱的的網站的url中,可以用location.port屬性擷取該值,如果從一個url擷取值並想用那個組建建立一個url,一定要包括伺服器IP地址和段口號,IP地址和段口號之間用(:)分界。

  protocol屬性:包括協議名,且後面緊跟著(:)分節目。

  assign方法:assign("url")通過這個方法可以實現把一個新的url賦給location對象。當然你也可以採用直接賦值的方法來實現,或者location.href來導航到一個新的網頁。採用assign的方法會使代碼易維護。

  reload方法:這個方法可以把瀏覽器可能儲存在記憶體中的元素(在一段記錄中)的文檔設定全部忽略掉,重新開啟該文檔,和瀏覽器上的重新整理可不一樣。它的效果好像是你選擇了file菜單open file一樣。當然如果你不想這樣,不想這麼做,有一個和這個方法比較類似的方法,就是history.go()方法。

  replace方法:當使用者從當前網頁,跳轉到別的網頁,有時候是不是想讓不能用後退按鈕(Back)看到前一個網頁,告訴你一個方法,就是採用location.replace("url")就可以實現這個功能。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.