JavaScript

   


位置 (Location)


位置

位置物件是指某一頁的 URL, 它提供了瀏覽器視窗的 URL 資訊。 位置物件最好寫成 window.location , 如果想表示一個名為 win_name 視窗的 location 物件, 就寫 win_name.location

URL 的基本格式如下:

protocol//host:port/pathname#hash?search

例子:URL 的例子

  • http://home.netscape.com/assist/extensions.html?x=7&y=2
  • http://www.hongkong.com:80/entertainment/music/mpx/js/js_tut_b_location#intro?Hello%20World

屬性

位置物件的屬性提供 URL 各部份字串的資訊

例子: 你現在開啟的 URL 是

屬性 URL 的部份
hash   書簽
host   主機名或網域名
hostname   the host portion of the URL
href   整個 URL
pathname   the path portion of the URL
port   伺服器的通訊埠
protocol   通訊協定 (包括冒號 (:))
search   搜尋字串, 即檔案名稱之後部份 (包括問號 (?))
target   該頁的 target 屬性

例子: 透過 location.search 搜尋字串, 由本頁輸入資料到 js_tut_eg_location.htm

請開啟 js_tut_eg_location.htm?This_Is_The_Data

js_tut_eg_location.htm
<script>
document.write("<br>location.href = " + location.href);
var query = location.search;
document.write("<br>location.search = " + query);
query = query.substring(1 , query.length);
document.write("<br>The data is <b>" + query + "</b>");
</script>

說明:

  • query = query.substring(1 , query.length);

    刪除字串的第一個字元

方法

方法 說明
reload() 重新載入正在開啟的 URL, 作用就等如按 Reload 按鈕
replace(url) 載入新的 URL , 而這個 URL 會覆蓋當時的 History (記錄), 因此就算按 "Back" 按鈕也不能再看到前一頁

例子: 重新載入本頁

<form>
<input type=button onclick="window.location.reload()">
</form>

執行結果:

 







[到頁頂] [首頁] [速查表]