showModalDialog根据内容自动调整窗口大小

最新推荐文章于 2021-05-30 22:01:56 发布

转载最新推荐文章于 2021-05-30 22:01:56 发布 · 1.1k 阅读

文章标签：

#function

showModalDialog根据内容自动调整窗口大小

在对话框的页面中加入如下代码：

window.onload = function()
     {
         if( document.body.scrollWidth > (window.screen.availWidth-100) ){
             window.dialogWidth = (window.screen.availWidth-100).toString() + "px"
         }else{
             window.dialogWidth = (document.body.scrollWidth +50).toString() + "px"
         }

         if( document.body.scrollHeight > (window.screen.availHeight-70) ){
             window.dialogHeight = (window.screen.availHeight-50).toString() + "px"
         }else{
             window.dialogHeight = (document.body.scrollHeight +115).toString() + "px"
         }

         window.dialogLeft = ((window.screen.availWidth - document.body.clientWidth) / 2).toString() + "px"
         window.dialogTop = ((window.screen.availHeight - document.body.clientHeight) / 2).toString() + "px"
     }