本例首先應(yīng)用 JavaScript 中的 window 對(duì)象的 open()方法，打開指定大小的新窗口，然后通過 screen 對(duì)象，獲取屏幕分辨率，再根據(jù)獲取的值通過 window 對(duì)象的 moveTo()方法，將新窗口移動(dòng)到屏幕居中位置。

moveTo()方法將窗口移動(dòng)到指定坐標(biāo)（x,y）處,其語法格式如下。

window.moveTo(x,y)

其中，參數(shù) x,y 表示窗口移動(dòng)到的位置處的坐標(biāo)值。

screen 對(duì)象是 JavaScript 中的屏幕對(duì)象，反映了當(dāng)前用戶的屏幕設(shè)置。

screen 對(duì)象的常用屬性

屬性	說明
width	用戶整個(gè)屏幕的水平尺寸，以像素為單位
height	用戶整個(gè)屏幕的垂直尺寸，以像素為單位
pixelDepth	顯示器的每個(gè)像素的位數(shù)
colorDepth	返回當(dāng)前顏色設(shè)置所用的位數(shù)，1代表黑白；8代表256色；16代表增強(qiáng)色；24/32代表真彩色。8 位顏色支持 256種顏色，16位顏色（通常叫做“增強(qiáng)色”）支持大概64000種顏色，而 24位顏色（通常叫做“真彩色”）支持大概1600萬種顏色。
availHeight	返回窗口內(nèi)容區(qū)域的垂直尺寸，以像素為單位
availWidth	返回窗口內(nèi)容區(qū)域的水平尺寸，以像素為單位

實(shí)現(xiàn)過程

1.要彈出的窗口

new.html

<html>        
<head>        
<title>要居中顯示的彈出窗口</title>        
<style type="text/css">        
body{        
    background-image:url(new.jpg);        
    background-repeat:no-repeat;        
    }        
</style>        
</head>        
<body></body>        
</html>

2.實(shí)現(xiàn)功能的頁面

index.html

<span style="font-size:14px;"><html>          
<head>          
<title></span><span style="font-family: Arial, Helvetica, sans-serif;">控制彈出窗口居中顯示</span><span style="font-size:14px; font-family: Arial, Helvetica, sans-serif;"></title>        </span><span style="font-size:14px;">  
</span><span style="font-size:14px;"><script type="text/jscript" language="javascript">          
    function pp()        
    {        
         var hdc = window.open("new.html","new","height=280,width=800,top=10,left=20,resizable=no, location=no",false);          
         width = screen.width;  
     height = screen.height;  
     hdc.moveTo((width-322)/2,(height-206)/2);  
    }  
</script>          
</head>          
<body>  
    <button onClick = "pp()" value = "彈出"/>  
</body>          
</html></span>

上一篇：定時(shí)打開窗口下一篇：為彈出的窗口加入關(guān)閉按鈕

在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

控制彈出窗口居中顯示

實(shí)例說明

技術(shù)要點(diǎn)

實(shí)現(xiàn)過程