Location 對象
Location 對象包含有關當前 URL 的資訊,是 Window 對象的一個部分,可通過 window.location 屬性來訪問
Location 對象屬性
href屬性是一個可讀可寫的字串,可設定或返回當前顯示的文檔的完整 URL,因此,我們可以通過為該屬性設定新的 URL,使瀏覽器讀取並顯示新的 URL 的內容
文法:location.href = URL;
執行個體:location.href = 'http://www.111cn.net';
hash是一個可讀可寫的字串,該字串是 URL 的錨部分(從 # 號開始的部分)
文法:location.hash = anchorName;
執行個體:location.hash = 'myAnchor'; <a name="myAnchor">跳轉到這兒了</a> //頁面跳轉了
可以利用這個屬性和錨點在頁面內實現跳轉
host返回當前 URL 的主機名稱和連接埠號碼
文法:location.host;
執行個體:document.write(location.host); //url地址是:http://192.168.1.101/test/test.php 輸出 192.168.1.101
hostname返回當前 URL 的主機名稱
文法:location.hostname;
執行個體:document.write(location.hostname); //url地址是:http://192.168.1.101/test/test.php 輸出 192.168.1.101
pathname是一個可讀可寫的字串,可設定或返回當前 URL 的路徑部分
文法:location.pathname = path;
執行個體:document.write(location.pathname); //url地址是:http://192.168.1.101/test/test.php 輸出 /test/test.php
location.pathname = 'test/test3.php'; //跳轉到 test3.php頁面
port是一個可讀可寫的字串,可設定或返回當前 URL 的連接埠部分
文法:location.port = portnumber;
這個沒有做實驗,你可以實驗一下,說說怎麼回事!
protocol是一個可讀可寫的字串,可設定或返回當前 URL 的協議
文法:location.protocol = path;
執行個體:document.write(location.protocol); //url地址是:http://192.168.1.101/test/test.php 輸出 http:
search是一個可讀可寫的字串,可設定或返回當前 URL 的查詢部分(問號 ? 之後的部分)
文法:location.search = path_from_questionmark;
執行個體:document.write(location.search); //url地址是:http://192.168.1.101/test/test.php?key=test 輸出 ?key=test
location.search = '?key=test'; //看url地址變成了:http://192.168.1.101/test/test.php?key=test
Location 對象方法
assign()載入一個新的文檔
文法:location.assign(URL);
執行個體:location.assign('http://www.111cn.net');
reload()用於重新載入當前文檔
文法:location.reload();
replace()用一個新文檔取代當前文檔,replace() 方法不會在 History 對象中產生一個新的紀錄,當使用該方法時,新的 URL 將覆蓋 History 對象中的當前紀錄
文法:location.replace(newURL);
執行個體:location.replace('http://www.111cn.net');