window對(duì)象的screen屬性，也是一個(gè)對(duì)象，包含了關(guān)于屏幕的分辨率，以及可視的長(zhǎng)寬。
通過(guò)window對(duì)象的moveTo，resizeTo 函數(shù)，可以指定瀏覽器程序在屏幕上顯示的x、y坐標(biāo)，以及窗口的長(zhǎng)寬，moveBy和resizeBy函數(shù)是相對(duì)于當(dāng)前瀏覽器位置做移動(dòng)和變化。
另外，代碼對(duì)Chrome瀏覽器和IE瀏覽器，進(jìn)行分別處理。
最后通過(guò)window定時(shí)器實(shí)現(xiàn)了每隔0.5秒，自動(dòng)變化窗口大小。
代碼：
<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>Document</title> <script language="javascript"> var interval; var i = 1; //在chrome瀏覽器中，只有先open一個(gè)窗口，moveTo,resizeTo,moveBy,resizeBy函數(shù)才有效果 function openWinChrome() { //參數(shù)1，參數(shù)2都為空，并且第3個(gè)參數(shù)指定具體的屬性，才會(huì)有彈出窗口 myWin= window.open("","","height=300,width=300"); } //moveTo,resizeTo：絕對(duì)值 //moveBy,resizeBy：相對(duì)值 function maxWinChrome() { if(window.screen) { myWin.moveTo(0,0); myWin.resizeTo(window.screen.availWidth,window.screen.availHeight); } } function moveWinChrome() { myWin.moveBy(50,50); //移動(dòng)窗口 myWin.resizeBy(50,50); //增大窗口 } //IE能支持這些函數(shù) function maxWinIE() { if(window.screen) { window.moveTo(0,0); window.resizeTo(window.screen.availWidth,window.screen.availHeight); } } function moveWinIE() { window.moveBy(150,150); //移動(dòng)窗口 window.resizeBy(10,10); //增大窗口 } //每隔0.5秒，窗口會(huì)變大或者變小 //以坐標(biāo)位置650,300，長(zhǎng)寬500為基礎(chǔ)，計(jì)算出這個(gè)正方形的中心點(diǎn)坐標(biāo)是900,550 //如果變大之后的長(zhǎng)寬是600，那么坐標(biāo)點(diǎn)就是600,250 function varyWinIE() { if(i == 1) { i = 2; window.moveTo(650,300); window.resizeTo(500,500); } else if(i == 2) { i = 1; window.moveTo(600,250); window.resizeTo(600,600); } } function ss() { interval = setInterval("varyWinIE()",500) } </script> </head> <body> <form> <input type="button" value="打開窗口(chrome)" onclick="openWinChrome()"> <input type="button" value="最大化窗口(chrome)" onclick="maxWinChrome()"> <input type="button" value="移動(dòng)窗口(chrome)" onclick="moveWinChrome()"><hr> <input type="button" value="最大化窗口(IE)" onclick="maxWinIE()"> <input type="button" value="移動(dòng)窗口" onclick="moveWinIE()"> <input type="button" value="變化窗口" onclick="ss()"> <input type="button" value="停止變化窗口" onclick="clearInterval(interval);"> </form> <script language="Javascript"> document.write("<hr>屏幕分辨率：" + window.screen.width+ "*" + window.screen.height); document.write("<hr>屏幕視野：" + window.screen.availWidth+ "*" + window.screen.availHeight); document.write("<hr>色彩數(shù)：" + window.screen.colorDepth); document.write("<hr>瀏覽器程序左邊頁(yè)邊距的坐標(biāo)：" + window.screenLeft); document.write("<hr>瀏覽器程序上邊頁(yè)邊距的坐標(biāo)：" + window.screenTop); </script> </body></html>
新聞熱點(diǎn)
疑難解答
圖片精選
