JavaScript客戶端之Window對象
1. 計(jì)時器
setTimeout(fn,time);//經(jīng)過 time 毫秒后調(diào)用 fn 函數(shù)
setInterval(fn,time); //經(jīng)過 time 毫秒后重復(fù)調(diào)用 fn 函數(shù)
setTimeout(code,time);//經(jīng)過 time 毫秒后執(zhí)行 code 代碼
setInterval(code,time); //經(jīng)過 time 毫秒后重復(fù)執(zhí)行 code 代碼
- code 是另一種語法的應(yīng)用，是指你想要重復(fù)執(zhí)行的一段字符串構(gòu)成的代碼(使用該語法是不推薦的)
- 有返回值服球，傳遞給clearTimeout() 和 clearInterval()可以取消后續(xù)函數(shù)的調(diào)用
var timer = setInterval(fn,1000);
clearInterval(timer);
-
time為0時献联，指定的函數(shù)不會立刻執(zhí)行竖配，會把它放到隊(duì)列中，等到前面處于等待狀態(tài)的事件處理程序全部執(zhí)行完成后里逆，再立即調(diào)用它进胯。
2. Window對象的屬性
2.1 location屬性
-
Window對象的location屬性：引用Location對象，表示該窗口中當(dāng)前顯示的文檔的URL原押。
Document對象的location屬性：引用Location對象胁镐。
window.location === document.location //總是返回true
-
Location的href屬性返回URL的完整文本。 - “URL分解”屬性：
Location對象的其他屬性：protocol,host,hostname,port,pathname,search,分別表示URL的各個部分 -
hash屬性返回URL中的片段標(biāo)識符部分班眯； -
search屬性返回?之后的URL希停，這些屬性是可寫的，改變屬性的值會改變URL署隘，重新載入文檔或者在當(dāng)前文檔中跳轉(zhuǎn)
location.search = "?page=" + (pagenum+1);//載入下一個頁面
- 使用
location跳轉(zhuǎn)頁面： -
Location對象的assign()方法可以使窗口載入并顯示指定的URL中的文檔 -
replace()方法會在載入新文檔之前會從瀏覽歷史中把當(dāng)前文檔刪除 -
reload()方法可以讓瀏覽器重新載入當(dāng)前文檔宠能。 - 使瀏覽器跳轉(zhuǎn)到新頁面的直接的方法是把新的
URL賦給location屬性：
location = "htttp://www.oreilly.com"; //可以使用絕對URL、相對URL磁餐，例如片段標(biāo)識符
2.2 history 屬性
-
history屬性引用History對象违崇，History對象是用來把窗口的瀏覽歷史用文檔和文檔狀態(tài)列表的形式表示阿弃。 -
History對象的length屬性表示瀏覽歷史列表中的元素?cái)?shù)量，出于安全因素羞延，腳本不能訪問已保存的URL渣淳。 -
history.back(): 在瀏覽歷史后退一格； -
history.forward(): 在瀏覽歷史前進(jìn)一格伴箩； -
history.go(num)//num：正值表示在瀏覽歷史中向前跳過任意頁入愧，負(fù)值表示向后跳過任意頁 - 如果窗口包含多個子窗口，子窗口的瀏覽歷史會按時間順序穿插在主窗口的歷史中嗤谚，這意味著例如主窗口調(diào)用
history.back()可能會導(dǎo)致一格子窗口往回跳轉(zhuǎn)到前一個顯示的文檔棺蛛，但主窗口保留當(dāng)前狀態(tài)不變。
Document對象的URL屬性：文檔首次載入保存該文檔的URL的靜態(tài)字符串巩步。
2.3 navigator 屬性
-
Window對象的navigator屬性引用Navigator對象旁赊，包含瀏覽器廠商和版本信息 -
navigator.appName//返回 web 瀏覽器的全稱 -
navigator.appVersion//通常以數(shù)字開始，并跟著包含瀏覽器廠商和版本信息的詳細(xì)字符串椅野。 -
navigator.userAgent//包含appVersion中的所有信息终畅，并且常常也可能包含其他細(xì)節(jié)。 -
navigator.platform//在其上運(yùn)行的瀏覽器的操作系統(tǒng)的字符串竟闪。
console.log("appName: \n" + window.navigator.appName); // Web瀏覽器的全稱离福，IE為“Microsoft Internet Explorer”，其它為“Netscape”
console.log("appVersion: \n" + window.navigator.appVersion); // 瀏覽器的版本信息
console.log("userAgent: \n" + window.navigator.userAgent); // 瀏覽器的版本信息（可能比appVersion更詳細(xì)）
console.log("platform: \n" + window.navigator.platform); // 瀏覽器的運(yùn)行操作系統(tǒng)
2.4 screen 屬性
-
Window對象的screen屬性引用Screen對象炼蛤，提供有關(guān)窗口顯示的大小和可用的顏色數(shù)量的信息术徊。 - 屬性
width和height指定的是以像素為單位的窗口的大小。 - 屬性
availWidth和availHeight指定的是實(shí)際可用的顯示大小鲸湃，排除了想桌面任務(wù)欄這樣的特性所占用的空間。 - 屬性
colorDepth指定的是顯示的BPP（bits-per-pixel）值子寓，典型的值有16,24,32
console.log("width: " + window.screen.width); // 屏幕寬度
console.log("height: " + window.screen.height); // 屏幕高度
console.log("availWidth: " + window.screen.availWidth); // 屏幕可用寬度
console.log("availHeight: " + window.screen.availHeight); // 屏幕可用高度
3. 對話框
-
alert("msg")顯示一條消息暗挑，等待用戶關(guān)閉 -
confirm("msg")顯示一條消息，等待用戶按確定（返回true）或取消（返回false） -
prompt("msg")顯示一條消息斜友，等待用戶輸入字符串炸裆，并返回字符串的值 - 這些對話框一般會產(chǎn)生阻塞，代碼停止運(yùn)行鲜屏，正在載入的文檔會停止載入烹看，直到用戶按要求響應(yīng)為止。會破壞用戶的瀏覽體驗(yàn)洛史，所以良好的設(shè)計(jì)要有節(jié)制地使用這些對話框惯殊。對話框常用于調(diào)試。
4. 多窗口和窗體
- 打開窗口：
var w = window.open(url,參數(shù)2,參數(shù)3,參數(shù)4);
url：要在新窗口顯示的文檔的
URL也殖，如果省略土思，會打開一個空白的新窗口參數(shù)2：新窗口的名字
參數(shù)3：一個以逗號分隔的列表，包含大小和各種屬性
參數(shù)4：布爾值，
true：新窗口替換掉窗口瀏覽歷史的當(dāng)前條目己儒，false：在窗口瀏覽歷史中創(chuàng)建一個新的條目（默認(rèn)）關(guān)閉窗口：w.close();
已關(guān)閉的窗口崎岂，代表它的
Window對象仍然存在，w.closed屬性為true闪湾，它的document為null
-
w.opener屬性引用的是打開它的腳本的Window對象
w.open().opener === w;
- 窗體是通過<iframe>元素創(chuàng)建的
