學(xué)習(xí)要點(diǎn)1 window對象2 location 3 hi北風(fēng)網(wǎng)js117

17章學(xué)習(xí)要windowlocationhistory17章學(xué)習(xí)要windowlocationhistory 也叫瀏覽器對象模型，它提供了很多對象，用于訪問瀏覽器的功能。BOM 以，BOM一．window對BOM的核心對象是window，它表示瀏覽器的一個(gè)實(shí)例。window對象處于JavaScriptwindow1.對象的屬性和方對象有一系列的屬性，這些屬性本身也是對象。window對象的屬性對象的方法下的屬性和方法，可以使用window.屬性、window.方法()或者直接屬性、方法的方式調(diào)用。例如：window.alert()alert()是一個(gè)意思2.瀏覽器通過alert()、confirm()和prompt()方法可對象的方法下的屬性和方法，可以使用window.屬性、window.方法()或者直接屬性、方法的方式調(diào)用。例如：window.alert()alert()是一個(gè)意思2.瀏覽器通過alert()、confirm()和prompt()方法可以調(diào)用系統(tǒng)對話框向用戶顯示信息。統(tǒng)對話框與瀏覽器中顯示的網(wǎng)頁沒有關(guān)系，也不包含HTML方//直接彈出警//確定和取消confirm('請確定或者取消alert('您按了確定}elsealert('您//直接彈出警//確定和取消confirm('請確定或者取消alert('您按了確定}elsealert('您按了取消}//這里按哪個(gè)都無//confirm本身有返回//按確定返回//按取消返回//輸入提示框varnumprompt('請輸入一個(gè)數(shù)字0);//兩個(gè)參數(shù)，一個(gè)提示，一個(gè)值//返回值//打//查='狀態(tài)欄默認(rèn)文本//瀏覽器底部狀態(tài)欄初始默認(rèn)值//瀏覽器底部狀態(tài)欄status='狀態(tài)欄文本3.新建使用window.open()方法可以導(dǎo)航到一個(gè)特定的URL，也可以打開一個(gè)新的瀏覽器窗口。要加載的//新建頁//新建頁面并命名窗口并打開百//在本頁窗口打開百度,_blank是新PS：不命名會(huì)每次打開新窗口，命名的第一次打開新窗口，之后在這個(gè)窗口中加載窗口目標(biāo)是提供頁面的打開的方式，比如本頁面，還第三字設(shè)值為varbox=//可以指定彈出的窗口執(zhí)行document.onclickvarbox=//可以指定彈出的窗口執(zhí)行document.onclickfunctionopener.document.write('子窗口讓我輸}3.窗口的位置和大用來確定和修改window對象位置的屬性和方法有很多。IE、Safari、Opera和Chrome提供了screenLeft和screenTop屬性，分別用于表示窗口相對于屏幕左邊和上邊的位置Firefox則在screenX屬性中提供相同的窗口位置信息，Safari和Chrome也同支//IE顯示number，不支持的顯示支//Firefox顯示number,不支持的同變量，導(dǎo)致不執(zhí)行。那么必須將它將至為window 以應(yīng)該寫成：alert(window.screenX)//跨瀏覽varleftX=(typeofscreenLeft=='number')?screenLeft:vartopY=(typeofscreenTop=='number')?screenTop:窗口頁面大小，F(xiàn)irefox、Safari、OperaChrome均為此提供了4個(gè)屬性：innerWidth和innerHeight，返回瀏覽器窗口本身的尺寸；outerWidth和outerHeight，返回瀏覽器窗口本為是否在瀏覽器窗口中顯示狀態(tài)欄。默認(rèn)為是否在瀏覽器窗口中顯示工具欄。默認(rèn)為//////頁面長度+邊//頁面//////頁面長度+邊//頁面高度+邊PSChrome中，innerWidth=outerWidth、PS：IE沒有提供當(dāng)前瀏覽器窗口尺寸的屬性；不過，在后面的DOMIE以及Firefox、Safari、OperaChrome中，document.documentElement.clientWidth和document.documentElement.clientHeight中保存了頁面窗口的信息。PS：在 中，這些屬性必須在標(biāo)準(zhǔn)模式下才有效；如果是怪異模式，就必須通document.body.clientWidthdocument.body.clientHeight取得相同的信息//如果是Firefox瀏覽器，直接使varwidth=varheight=innerWidth//這里要加window，因?yàn)镮E會(huì)無if(typeofwidth!='number')//如果是IE，就使用width=document.documentElement.clientWidth;}elsewidth=document.body.clientWidth; height=document.body.clientHeight;}}PS：以上方法可以通過不同瀏覽器取得各自的瀏覽器窗口頁面可視部分的大patMode可以確定頁面是否處于標(biāo)準(zhǔn)模式，如果返回CSS1Compat即標(biāo)準(zhǔn)模式有效，向下和右分別移動(dòng)10像有效，調(diào)正大小有效，擴(kuò)展PS：由于此類方法被瀏覽器禁用較多，用4.時(shí)刻執(zhí)行。前者在指定的時(shí)間過后執(zhí)行代碼，而后者則4.時(shí)刻執(zhí)行。前者在指定的時(shí)間過后執(zhí)行代碼，而后者則是每隔指定的時(shí)間就執(zhí)行一次代碼超時(shí)調(diào)用需要使用window對象和毫秒數(shù)的超時(shí)時(shí)間setTimeout()方法，它接受兩個(gè)參數(shù)：要執(zhí)//不建議直接使用字符functionbox()}//直接傳{},//PS：直接使用函數(shù)傳入的方法，擴(kuò)展性好，性能更佳。調(diào)用setTimeout()之后，該方法會(huì)返回一個(gè)數(shù)值ID，表示超時(shí)調(diào)用。這個(gè)超時(shí)調(diào)是計(jì)劃執(zhí)行代碼的唯一標(biāo)識(shí)符，可以通過它來取消超要取消尚未執(zhí)行的超時(shí)調(diào)用計(jì)劃，可以調(diào)用作為參數(shù)傳遞給它。{},clearTimeout()方法并將相應(yīng)的超時(shí)//把超時(shí)調(diào)用的ID復(fù)制給//把ID傳入，取消setInterval()setTimeout()相同：要執(zhí)行的代碼和每次執(zhí)行之前需要等待的毫秒數(shù)。{},//重復(fù)不停執(zhí)clearInterval()方法。但取消間歇調(diào)用的重取消間歇調(diào)用方法和取消超時(shí)調(diào)用類似閉varbox=setInterval(function{},//獲取間歇調(diào)用的//取消間歇調(diào)但上面的代碼是沒有意義的，我們需要一個(gè)能設(shè)置 秒的定但上面的代碼是沒有意義的，我們需要一個(gè)能設(shè)置 秒的定時(shí)器，需要如下代碼varnum=varmax=//設(shè)置起//設(shè)置最{if(num=={clearInterval(this);}},//////取消間歇調(diào)用，this表示方法本//1一般認(rèn)為，使用超時(shí)調(diào)用來模擬間歇調(diào)用是一種最佳模式。在開發(fā)環(huán)境下，很少使用真正的間歇調(diào)用，因?yàn)樾枰鶕?jù)情況來取消D，并且可能造成同步的一些問題，我們建議不使用間歇調(diào)用，而去使用超時(shí)調(diào)用。varnum=0;varmax=5;if(num==max)}else}}//執(zhí)行定PS：在使用超時(shí)調(diào)用時(shí)，沒必要跟蹤超時(shí)設(shè)置另一次超時(shí)調(diào)用，調(diào)用就會(huì)自行停止。ID，因?yàn)槊看螆?zhí)行代碼之后，如果不二．location對locationBOM對象之一，它提供了與當(dāng)前窗口中加載的文檔有關(guān)的信息，還提供了一些導(dǎo)航功能。事實(shí)上，location對象是window對象的屬性，也是document對象的屬window.locationdocument.location//獲取當(dāng)前的location對象的屬對象的location.hash=//設(shè)置#后的字符串，并跳轉(zhuǎn)//獲取#后的字location.port=//設(shè)置端//對象的location.hash=//設(shè)置#后的字符串，并跳轉(zhuǎn)//獲取#后的字location.port=//設(shè)置端//獲取當(dāng)前端口號(hào)//設(shè)置主//獲取當(dāng)前主機(jī)名//設(shè)置當(dāng)前路徑，并跳//獲取當(dāng)//設(shè)置協(xié)//獲取當(dāng)前協(xié)//設(shè)置?后的字符串//獲取?后的location.href=//設(shè)置跳//獲取當(dāng)在Web開發(fā)中，我們經(jīng)常需要獲取諸如?id=5&search=ok這種類型的的鍵值對那么通location，我們可以寫一個(gè)函數(shù)，來一一獲取。varargs=[];//去除?varqs=location.search.length>0?location.search.substring(1)://按&字符串拆方跳轉(zhuǎn)到指定頁面，與hrefvaritems=varitem=null,name=null,value=/varitems=varitem=null,name=null,value=//遍for(vari=0;i<items.length;{item=items[i].split('=');name=item[0];value=args[name]=value;}return}varargs=getArgs();//跳轉(zhuǎn)到指定的//最有效的重新加載，有可能從緩存加//強(qiáng)制加載，從服務(wù)器源頭//可以避免產(chǎn)生跳轉(zhuǎn)前的歷史記三．h