瀏覽器對象的使用(window對象)

1、瀏覽器對象的使用（window對象）window對象是BOM的核心，window對象指當(dāng)前的瀏覽器窗口。window對象方法:注意:在JavaScript基礎(chǔ)篇中，已講解了部分屬性，window對象重點(diǎn)講解計時器。1、JavaScript 計時器在JavaScript中，我們可以在設(shè)定的時間間隔之后來執(zhí)行代碼，而不是在函數(shù)被調(diào)用后立即執(zhí)行。計時器類型：一次性計時器：僅在指定的延遲時間之后觸發(fā)一次。間隔性觸發(fā)計時器：每隔一定的時間間隔就觸發(fā)一次。計時器方法：2、計時器setInterval()在執(zhí)行時,從載入頁面后每隔指定的時間執(zhí)行代碼。clearInterval() 方法可取消由 setInt

2、erval() 設(shè)置的交互時間。語法:setInterval(代碼,交互時間); /計時器clearInterval(id_of_setInterval)/取消計時器參數(shù)說明：1. 代碼：要調(diào)用的函數(shù)或要執(zhí)行的代碼串。2. 交互時間：周期性執(zhí)行或調(diào)用表達(dá)式之間的時間間隔，以毫秒計（1s=1000ms）。3.id_of_setInterval：由 setInterval() 返回的 ID 值。返回值:一個可以傳遞給 clearInterval() 從而取消對代碼的周期性執(zhí)行的值。調(diào)用函數(shù)格式(假設(shè)有一個clock()函數(shù)):setInterval(clock(),1000)或setInterva

3、l(clock,1000)我們設(shè)置一個計時器，每隔100毫秒調(diào)用clock()函數(shù)，并將時間顯示出來，代碼如下: var int=setInterval(clock, 100) function clock() var time=new Date(); document.getElementById(clock).value = time; 每隔 100 毫秒調(diào)用 clock() 函數(shù),并顯示時間。當(dāng)點(diǎn)擊按鈕時，停止時間,代碼如下: function clock() var time=new Date(); document.getElementById(clock).value = time

4、; / 每隔100毫秒調(diào)用clock函數(shù)，并將返回值賦值給i var i=setInterval(clock(),100);3、計時器setTimeout()setTimeout()計時器，在載入后延遲指定時間后,去執(zhí)行一次表達(dá)式,僅執(zhí)行一次。setTimeout()和clearTimeout()一起使用，停止計時器。語法:setTimeout(代碼,延遲時間);clearTimeout(id_of_setTimeout)參數(shù)說明：1.要調(diào)用的函數(shù)或要執(zhí)行的代碼串。1. 延時時間：在執(zhí)行代碼前需等待的時間，以毫秒為單位（1s=1000ms)。3.id_of_setTimeout：由 setTi

5、meout() 返回的 ID 值。該值標(biāo)識要取消的延遲執(zhí)行代碼塊。當(dāng)我們打開網(wǎng)頁3秒后，在彈出一個提示框，代碼如下: setTimeout(alert(Hello!), 3000 );當(dāng)按鈕start被點(diǎn)擊時，setTimeout()調(diào)用函數(shù)，在5秒后彈出一個提示框。function tinfo() var t=setTimeout(alert(Hello!),5000); 要創(chuàng)建一個運(yùn)行于無窮循環(huán)中的計數(shù)器，我們需要編寫一個函數(shù)來調(diào)用其自身。在下面的代碼，當(dāng)按鈕被點(diǎn)擊后，輸入域便從0開始計數(shù)。var num=0;function numCount() document.getElementB

6、yId(txt).value=num; num=num+1; setTimeout(numCount(),1000); 下面的例子和上節(jié)的無窮循環(huán)的例子相似。唯一不同是，現(xiàn)在我們添加了一個 Stop 按鈕來停止這個計數(shù)器： var num=0,i; function timedCount() document.getElementById(txt).value=num; num=num+1; i=setTimeout(timedCount,1000); setTimeout(timedCount,1000); function stopCount() clearTimeout(i); 4、Hi

7、story 對象history對象記錄了用戶曾經(jīng)瀏覽過的頁面(URL)，并可以實(shí)現(xiàn)瀏覽器前進(jìn)與后退相似導(dǎo)航的功能。注意:從窗口被打開的那一刻開始記錄，每個瀏覽器窗口、每個標(biāo)簽頁乃至每個框架，都有自己的history對象與特定的window對象關(guān)聯(lián)。語法：window.history.屬性|方法注意：window可以省略。History 對象屬性History 對象方法使用length屬性，當(dāng)前窗口的瀏覽歷史總長度，代碼如下： var HL = window.history.length; document.write(HL);5、返回前一個瀏覽的頁面back()方法，加載 history 列表

8、中的前一個 URL。語法：window.history.back();比如，返回前一個瀏覽的頁面，代碼如下：window.history.back();注意：等同于點(diǎn)擊瀏覽器的倒退按鈕。back()相當(dāng)于go(-1),代碼如下:window.history.go(-1);6、返回下一個瀏覽的頁面forward()方法，加載 history 列表中的下一個 URL。如果倒退之后，再想回到倒退之前瀏覽的頁面，則可以使用forward()方法,代碼如下:window.history.forward();注意：等價點(diǎn)擊前進(jìn)按鈕。forward()相當(dāng)于go(1),代碼如下:window.history

9、.go(1);7、返回瀏覽歷史中的其他頁面go()方法，根據(jù)當(dāng)前所處的頁面，加載 history 列表中的某個具體的頁面。語法：window.history.go(number);參數(shù)：瀏覽器中，返回當(dāng)前頁面之前瀏覽過的第二個歷史頁面，代碼如下：window.history.go(-2);注意：和在瀏覽器中單擊兩次后退按鈕操作一樣。同理，返回當(dāng)前頁面之后瀏覽過的第三個歷史頁面，代碼如下：window.history.go(3);8、Location對象location用于獲取或設(shè)置窗體的URL，并且可以用于解析URL。語法:location.屬性|方法location對象屬性圖示:locati

10、on 對象屬性：location 對象方法:9、Navigator對象Navigator 對象包含有關(guān)瀏覽器的信息，通常用于檢測瀏覽器與操作系統(tǒng)的版本。對象屬性:查看瀏覽器的名稱和版本，代碼如下: var browser=navigator.appName; var b_version=navigator.appVersion; document.write(Browser name+browser); document.write(); document.write(Browser version+b_version);10、userAgent返回用戶代理頭的字符串表示(就是包括瀏覽器版本信

11、息等的字符串)語法navigator.userAgent幾種瀏覽的user_agent.，像360的兼容模式用的是IE、極速模式用的是chrom的內(nèi)核。使用userAgent判斷使用的是什么瀏覽器(假設(shè)使用的是IE8瀏覽器),代碼如下:function validB() var u_agent = navigator.userAgent; var B_name=Failed to identify the browser; if(u_agent.indexOf(Firefox)-1) B_name=Firefox; else if(u_agent.indexOf(Chrome)-1) B_na

12、me=Chrome; else if(u_agent.indexOf(MSIE)-1&u_agent.indexOf(Trident)-1) B_name=IE(8-10); document.write(B_name:+B_name+); document.write(u_agent:+u_agent+); 運(yùn)行結(jié)果:11、screen對象screen對象用于獲取用戶的屏幕信息。語法：window.screen.屬性對象屬性:12、屏幕分辨率的高和寬window.screen 對象包含有關(guān)用戶屏幕的信息。1. screen.height 返回屏幕分辨率的高2. screen.width 返回屏幕分辨率的寬注意:1.單位以像素計。3. window.screen 對象在編寫時可以不使用 window 這個前綴。我們來獲取屏幕的高和寬，代碼如下: document.write( 屏幕寬度：+screen.width+px ); document.write( 屏幕高度：+screen.height+px );13、屏幕可用高和寬度1. screen.availWidth 屬性返回訪問者屏幕的寬度，以像素計，減去界面特性，比如任務(wù)欄。2. screen.availHeight 屬性返回訪問者