BOM
1.window對(duì)象
1.1全局作用域
全局作用域中聲明的變量丘喻、函數(shù)都會(huì)變成window對(duì)象的屬性和方法杉适。
var age = 29;
function sayAge(){
?alert(this.age);
}alert(window.age);
sayAge();
window.sayAge();
?以上可以通過window.age訪問變量age
可以通過window.sayAge()訪問函數(shù)sayAge().
1.2窗口關(guān)系及框架
每個(gè)框架都擁有自己的window對(duì)象搔啊,并且保存在frames集合中隔盛,在frames集合中缕题,可以通過數(shù)值索引(從0開始,從左至右脓诡,從上至下)
例:window.frames[0] ?或者 window.frames["name"]
top:始終指向最高(最外)層框架,也就是瀏覽器窗口top.frames[0] 或者 top.frames["name"]
parent:父對(duì)象始終指向當(dāng)前框架的直接上層框架self:它始終指向window 可以和window互互換使用媒役。
1.3窗口位置
//將窗口移動(dòng)到屏幕左上角
window.moveTo(0,0);
//將窗口向下移動(dòng)100像素
window.moveTo(0,100);
//將窗口移動(dòng)到(200,300)
window.moveTo(200,300)
//將窗口向左移動(dòng)50像素
window.moveBy(-50,0)
1.4窗口大小
屬性:innerWidth 祝谚、inderHeight、outerWidth酣衷、outerHeight交惯。
outerWidth、outerHeight是返回瀏覽器本身的大小
innerWidth 穿仪、inderHeight表示該容器中頁面視圖區(qū)的大邢(減去邊框的寬度)
方法:resizeTo()、resizeBy()調(diào)整瀏覽器窗口的大小
//調(diào)整到100*100
window.resizeTo(100,100);
//調(diào)整到200*150
window.resizeBy(100,50);
//調(diào)整到300*300
window.resizeTo(300*300);
區(qū)別resizeTo() 接收瀏覽器窗口的新寬度和高度 ?resizeBy(); 接收新窗口與原窗口的寬度和高度之差
1.5導(dǎo)航和打開窗口
window.open()導(dǎo)航到一個(gè)特定的URL 可接收4個(gè)參數(shù) 要加載的URL啊片、窗口目標(biāo)拳昌、一個(gè)特定字符串以及一個(gè)表示新頁面是否取代瀏覽器歷史記錄中當(dāng)前加載頁面的布爾值
window.open("www.baidu.com","topName")
window.open("www.baidu.com","topName“,"height=400,width=400,top=10,left=10")
1.6間接性調(diào)用和超時(shí)調(diào)用
超時(shí)調(diào)用需要使用window對(duì)象的setTimeout()方法钠龙,
接收兩個(gè)參數(shù):要執(zhí)行的代碼和以毫秒表示的時(shí)間
setTimeout(function(){ alert("hello world");}, 1000);
只要是在指定的時(shí)間尚未過去之前調(diào)用clearTimeout() 炬藤,就可以完全取消超時(shí)調(diào)用setInterval() 間歇調(diào)用
1.7系統(tǒng)對(duì)話框
alert()、confirm()碴里、prompt()
2.location對(duì)象
location對(duì)象的屬性hash沈矿、host、hostname咬腋、href羹膳、pathname、port根竿、protocol陵像、search
位置操作assign()
location.assign("http://www.baidu.com");/
/假設(shè)初始URL為http://www.wrox/com/WileyCDA
//將URL修改為“http://www.wrox/com/WileyCDA/#section1”
location.hash="#section1"
//將URL修改為“http://www.wrox/com/WileyCDA/?q=javascript”
location.search='?q=javascript';
//將URL修改為“http://www.baidu.com/wileyCDA
location.hostname = "www.baidu.com";
//將URL修改為“http://www.baidu.com/mydir/"
location.pathname = "mydir";
//將URL修改為“http://www.baidu.com:8080/wileyCDA"
location.port = 8080;
replace()導(dǎo)航到一個(gè)新URL就珠,同時(shí)該URL會(huì)替換瀏覽器歷史記錄中當(dāng)前顯示頁面重新加載當(dāng)前頁reload()
3.navigator對(duì)象
navigator對(duì)象提供了與瀏覽器有關(guān)信息,到底提供哪些信息醒颖,很大程度上取決于用戶的瀏覽器妻怎;不過也有一些公共的屬性存在于所有瀏覽器中
4.screen對(duì)象
5.history對(duì)象