【轉】javascript彈出固定大小的窗口頁面

本文轉載自查看原文 2014-05-14 20:19 3856 后台-asp.net

來源：http://weicfprince.blog.163.com/blog/static/8441066920081010113231969/

現在我們想彈出一個WEB窗體,讓其處於屏幕的中間位置,並設置其固定大小,固定外觀顯示.
我們可以在一個JS文件中寫這樣一個函數:

//彈出固定大小固定位置固定外觀的新窗口
function OpenWindow(url,w,h)

{
    var left=Math.round((window.screen.availWidth-w)/2);
    var top=Math.round((window.screen.availHeight-100-h)/2);
    var MyWin=window.open(url, "", "height="+h+", width="+w+",top="+top+",left="+left+", toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no");
}
url:為你要彈出的窗體文件,可以是HTML,ASPX等,設置為你工程下要顯示頁面的路徑.
w:你要顯示窗體的寬度.
h:你要顯示窗體的高度.
toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no:窗體顯示的狀態.
然后就可以調用了.調用的時候可以給該函數傳遞你想要的參數設置.

測試例子：page1里面顯示一個html按鈕，單擊按鈕打開page2.

<!-- page1.html -->
<html>
    <head>
        <title>pege1</title>
        <script "text/javescript">
            function OpenWindow(url,w,h)
            {
                var left=Math.round((window.screen.availWidth-w)/2);
                var top=Math.round((window.screen.availHeight-100-h)/2);
                var MyWin=window.open(url, "", "height="+h+", width="+w+",top="+top+",left="+left+", toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no");
            }
        </script>
    </head>
    <body>
    測試頁面。點擊下面按鈕試試看吧。<br/>
    <input type="button"  value="測試" onclick=OpenWindow("page2.html",400,500) />
        
    </body>
</html>

<!-- page2.html -->
<html>

<head>
    <title>page2</title>
</head>

<body>
    測試頁面page2
</body>

</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 彈出頁面窗口大小調節點擊一個超鏈接,彈出固定大小的新窗口（js實現） JavaScript彈出窗口方法 [轉]創建一個JavaScript彈出DIV窗口層的效果 [WPF]如何固定窗口的大小 js 控制彈出窗口的大小 js控制彈出新頁面窗口位置和大小的方法 Qt固定窗口大小 WebView點擊加載的頁面中的按鈕時不彈出新窗口以及在加載后執行javascript 通過JavaScript獲取頁面大小