- 論壇徽章:
- 0
|
在網(wǎng)頁中打開新窗口是經(jīng)常遇到的,但默認(rèn)并不居中顯示,如何讓網(wǎng)頁居中顯示呢,下面我們來看看。用到兩個文件,openWin1.htm,openWin2.htm , 最主要的就是openWin1.htm, openWin2.htm 只是作為新窗口打開。代碼如下:
openWin1.htm:
function openWin(htmUrl)
{
var url=htmUrl; //要打開的窗口
var winName="newWin"; //給打開的窗口命名
// screen.availWidth 獲得屏幕寬度
// screen.availHeight 獲得屏幕高度
// 居中的算法是:
// 左右居中: (屏幕寬度-窗口寬度)/2
// 上下居中: (屏幕高度-窗口高度)/2
var awidth=screen.availWidth/6*5; //窗口寬度,需要設(shè)置
var aheight=screen.availHeight/5*4; //窗口高度,需要設(shè)置
var atop=(screen.availHeight - aheight)/2; //窗口頂部位置,一般不需要改
var aleft=(screen.availWidth - awidth)/2; //窗口放中央,一般不需要改
var param0="scrollbars=0,status=0,menubar=0,resizable=2,location=0"; //新窗口的參數(shù)
//新窗口的左部位置,頂部位置,寬度,高度
var params="top=" + atop + ",left=" + aleft + ",width=" + awidth + ",height=" + aheight + "," + param0 ;
win=window.open(url,winName,params); //打開新窗口
win.focus(); //新窗口獲得焦點(diǎn)
}
javascript 打開一個居中顯示的網(wǎng)頁
___________________________________________________________
openWin2.htm:
我是用javascript打開的新窗口,我居中顯示。
本文來自ChinaUnix博客,如果查看原文請點(diǎn):http://blog.chinaunix.net/u/15511/showart_97513.html |
|