js 開啟視窗置中顯示代碼

來源:互聯網
上載者:User

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.111cn.net/ 1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>js 開啟視窗置中顯示代碼</title>
<script language="網頁特效">
//開啟視窗置中顯示
function openwindow(url,name,width,height)
{
 
 //alert(url);
 //寬預設400
 if(width=="" || width==0)
 {
  width=300;
 }
 //高預設300
 if(height=="" || height==0)
 {
  height=200;
 }
 //var winx=window.screen.width;
 //var winy=window.screen.height;
 var winx=width;
 var winy=height;
 var win=window.open(url,name,"width="+winx+",height="+winy+",toolbar=no,menubar=no,scrollbars=no,resizable=yes,location=no,status=yes");
 //win.moveto(0,0);
 win.moveto((window.screen.width-width)/2,(window.screen.height-height)/2);
}

</script>
</head>

<body>
<a href="#"  onclick="javascript:openwindow('http://www.111cn.net','openurl',300,500)">開啟視窗置中顯示</a>
</body>
</html>

代碼二

<script language="javascript">

function openwin(htmurl)

{

var url=htmurl; //要開啟的視窗

var winname="newwin"; //給開啟的視窗命名

var awidth=screen.availwidth/6*2; //視窗寬度,需要設定

var aheight=screen.availheight/5*2; //視窗高度,需要設定

var atop=(screen.availheight - aheight)/2; //視窗頂部位置,一般不需要改

var aleft=(screen.availwidth - awidth)/2; //視窗放中央,一般不需要改

var param0="scrollbars=0,status=0,menubar=0,resizable=2,location=0"; //新視窗的參數

//新視窗的左部位置,頂部位置,寬度,高度

var params="top=" + atop + ",left=" + aleft + ",width=" + awidth + ",height=" + aheight + "," + param0 ;


win=window.open(url,winname,params); //開啟新視窗

win.focus(); //新視窗獲得焦點

}

</script>
<p>javascript 開啟一個置中顯示的網頁</p>

<p><input type="button" value="開啟新視窗" name="b3" onclick="openwin('bb.html');"></p>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.