window.open開啟頁面置中顯示

來源:互聯網
上載者:User

這幾天做報表,這些報表都要以快顯視窗的方式開啟,開啟需要置中顯示。

由於我是個菜鳥,始終沒能實現,在網上找了很多資料,最後還是自己摸索出來了。

如果要做的彈出表單是前台的,不會涉及到後台代碼,用我在網上搜集到的方法:

<script type="text/javascript">function openwindow(url,name,iWidth,iHeight) {  var url;                            //轉向網頁的地址;  var name;                           //網頁名稱,可為空白;  var iWidth;                         //快顯視窗的寬度;  var iHeight;                        //快顯視窗的高度;  //window.screen.height獲得螢幕的高,window.screen.width獲得螢幕的寬  var iTop = (window.screen.height-30-iHeight)/2;       //獲得視窗的垂直位置;  var iLeft = (window.screen.width-10-iWidth)/2;        //獲得視窗的水平位置;  window.open(url,name,'height='+iHeight+',,innerHeight='+iHeight+',width='+iWidth+',innerWidth='+iWidth+',top='+iTop+',left='+iLeft+',toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no'); }</script>

使用時調用這個函數即可。如:

<a href="javascript:void(0);" onclick="javascript:openwindow('a.html','',400,200);">轉到a</a>

還有一種方法,這個是cnblogs發帖時最下面Tag標籤的代碼:

<div class="itemspace"> Tag標籤: <input name="Editor$Edit$Advanced$txbTag" type="text" id="Editor_Edit_Advanced_txbTag" style="width: 500px" />  <a onclick="leftVal = (screen.width - 300) / 2;topVal = (screen.height - 500) / 2;window.open( 'InsertTag.aspx','_blank','width=300,height=500,toolbars=yes,resizable=yes,scrollbars=yes,left='+leftVal+',top='+topVal);return false" href="#">插入已有標籤</a> (多個關鍵字之間用“,”分隔,最多不超過10個)</div><div class="itemspace">

如果要在asp.net後台彈出這個視窗,那就用我下面的代碼:

int width = System.Windows.Forms.Screen.PrimaryScreen.Bounds.Width;     //獲得螢幕的寬int height = System.Windows.Forms.Screen.PrimaryScreen.Bounds.Height;   //獲得螢幕的高//如果不能彈出,就尋找其它方法(Page.ClientScript.RegisterStartupScript,Page.ClientScript.RegisterClientScriptBlock之類的)ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "", "<script>window.open('http://www.baidu.com','','width=" + (width - 200) + ",height=" + (height - 90) + ", top=10, left=" + ((width - 20) - (width - 200)) / 2 + ",toolbar=no, menubar=no, scrollbars=yes, resizable=yes,location=n o, status=no')</script>", true);

同樣的文章我也發表在部落格園:http://www.cnblogs.com/yeyerl/archive/2011/07/12/2104146.html

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.