如何獲得高度和寬度窗口後調整

我有在啓動與window.open可調整大小= 1一個新的窗口，在我的js文件SCORM模塊：如何獲得高度和寬度窗口後調整

function OpenScormModuleWindow(scormModuleId, scormModuleUrl, title, width, height) 
{ 
    _scormModuleId = scormModuleId; 
    InitializeUserScormModule(); 
    scormModuleWindow = window.open(scormModuleUrl, "title", "width=" + width + ", height=" + height + ", resizable = 1"); 
    scormModuleWindow.focus(); 
}

在我看來

我有：

var myWidth = 0, myHeight = 0; 
    if (typeof (window.innerWidth) == 'number') 
    { 
     myWidth = window.innerWidth; 
     myHeight = window.innerHeight; 
    } 
    else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) 
    { 
     myWidth = document.documentElement.clientWidth; myHeight = document.documentElement.clientHeight; 
    } 
    else if (document.body && (document.body.clientWidth || document.body.clientHeight)) 
    { 
     myWidth = document.body.clientWidth; myHeight = document.body.clientHeight; 
    }

我得到的高度和寬度，但不正確

用戶現在可以調整大小，當窗口的大小正確，我怎麼能得到高度和寬度好嗎？

我需要獲取這些值，以便我可以保存它，下次打開窗口時它是正確的大小。

感謝

來源

2012-09-26 charlie_cat

使用事件監聽器，監聽在調整大小，那麼您可以重置值：

window.addEventListener('resize', setWindowSize); 

function setWindowSize() { 
    if (typeof (window.innerWidth) == 'number') { 
    myWidth = window.innerWidth; 
    myHeight = window.innerHeight; 
    } else { 
    if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) { 
     myWidth = document.documentElement.clientWidth; 
     myHeight = document.documentElement.clientHeight; 
    } else { 
     if (document.body && (document.body.clientWidth || document.body.clientHeight)) { 
     myWidth = document.body.clientWidth; 
     myHeight = document.body.clientHeight; 
     } 
    } 
    } 
}

如果你需要一個跨瀏覽器解決方案使用jQuery（$.on('resize', func)）或見JavaScript window resize event

來源

2012-09-26 07:07:26

您是否需要調用匿名函數來調用setWindowSize？你能不能寫「window.addEventListener（'resize'，setWindowSize）;」？ – chris5marsh

@ chris5marsh絕對正確！ –

據我所知，這是最好的方法;

function resizeCanvas() { 
    canvas.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; 
    canvas.height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; 

    WIDTH = canvas.width; 
    HEIGHT = canvas.height; 
}

來源

2016-12-31 15:51:42

如何獲得高度和寬度窗口後調整

回答

相關問題