視窗和對話方塊居中對齊

Web前端的視窗，對話方塊等介面，經常需要居中對齊。
在Jquery Easyui中等window元件中，通常有寬度width、高度height、距離容器左邊的距離left、距離容器頂部的距離top，4個引數。


在實現過程中，主要就是動態或靜態設定這4個引數。


當前視窗的高度：$(window).width()
當前視窗的寬度：$(window).width()


如果是獲得父視窗的，用window.parent就可以了。


width：是個方法，不是屬性。


下面是一個例子：
 var windowWidth =$(window.parent).width();
    var windowHeight=$(window.parent).height();
    var width=380;
    var height=windowHeight-200;
    var top=(windowHeight-height)/2;
    var left=(windowWidth-width)/2;
    var $win = $('#preView').window({
      content : '<iframe scrolling="yes" frameborder="0"  src="'  
              + href  
              + '" style="width:100%;height:98%;"></iframe>',  
        title: 'APP預覽',
        width: width,
        height: height,
        top: top,
        left: left,
    });


    $win.window('open');

寬度：固定寬度380
高度：視窗高度-固定200
距離頂部的距離：(視窗高度-對話方塊的高度)/2，居中對齊
距離左邊的距離：居中對齊


在2種螢幕，試了，沒有問題~