1探越、假設(shè)當(dāng)前頁完整地址是:http://localhost:61768/Home/Index?id=2&age=18
//獲取當(dāng)前窗口的Url
var url = window.location.href;
//結(jié)果:http://localhost:61768/Home/Index?id=2&age=18
//獲取當(dāng)前窗口的主機(jī)名
var host = window.location.host;
//結(jié)果:localhost:61768
//獲取當(dāng)前窗口的端口
var port = window.location.port;
//結(jié)果:61768
//獲取當(dāng)前窗口的路徑
var pathname = window.location.pathname;
//結(jié)果:/Home/Index
//獲取當(dāng)前文檔的Url
var URL = document.URL;
//結(jié)果:http://localhost:61768/Home/Index?id=2&age=18
//獲取參數(shù)
var search = window.location.search;
//結(jié)果:?id=2&age=18
2狡赐、分隔 url 中的參數(shù)
var search = window.location.search;
var age = getSearchString('age', search); //結(jié)果:18
var id = getSearchString('id', search); //結(jié)果:2
//key(需要檢索的鍵) url(傳入的需要分割的url地址,例:?id=2&age=18)
function getSearchString(key, Url) {
var str = Url;
str = str.substring(1, str.length); // 獲取URL中?之后的字符(去掉第一位的問號(hào))
// 以&分隔字符串钦幔,獲得類似name=xiaoli這樣的元素?cái)?shù)組
var arr = str.split("&");
var obj = new Object();
// 將每一個(gè)數(shù)組元素以=分隔并賦給obj對(duì)象
for (var i = 0; i < arr.length; i++) {
var tmp_arr = arr[i].split("=");
obj[decodeURIComponent(tmp_arr[0])] = decodeURIComponent(tmp_arr[1]);
}
return obj[key];
}
3枕屉、跳出當(dāng)前窗口
//跳出當(dāng)前窗口,打開新窗口
window.open("http://www.baidu.com");
4、document與window
document默示的是一個(gè)文檔對(duì)象鲤氢,window默示的是一個(gè)窗口對(duì)象搀擂,一個(gè)窗口下可以有多個(gè)文檔對(duì)象。
所以一個(gè)窗口下只有一個(gè)window.location.href卷玉,可能有多個(gè)document.URL哨颂、document.location.href
window.location.href 和 document.location.href 可以被賦值,然后跳轉(zhuǎn)到其它頁面相种,document.URL只能讀不能賦值威恼。