javascript - $(window).width() 和 $(window).height() 返回 NULL -JQuery

Question

我想使用 $(window).width() 和 $(window).height() 函数获取浏览器窗口的大小。然而这两个返回空值。 $(window) 不为空，它返回“对象”。我也尝试过使用 $(document).width() 和 $(document).height()，这两个不返回 null，它们返回特定值，但它们大于窗口大小。知道为什么 $window 2 值为空吗？

$(window).load(function () {

            var view = $("#view");
            var image = $("#image");
            var hiResImage = $("#hi-res-image"); 
            var zoom = $("<a id='zoom'><span><br /></span></a>");
            log("ERROR 1 = " + $(window).width());
            log("ERROR 1 = " + $(window).height());
            log("ERROR 1 = " + $(window));
            image.width($(window).width());
            image.height($(window).height());

.....

我应该如何初始化 $(window) 变量？

Answer 1

就像评论者一样，我不确定为什么这不起作用，但这可以在 vanilla JS 和没有 jQuery 的窗口对象中完成，所以你可能会更幸运。可以规避 jQuery 版本、浏览器兼容性等方面的一些问题

window.innerWidth   //just the actual document window
window.innerHeight
window.outerWidth   //includes brother toolbars, status bar, etc
window.outerHeight

我仍然建议您调查为什么您最初尝试的方法不起作用，因为无论根本问题是什么，它都可能会在其他地方再次出现。