如何修复 document.body 为空错误

Question

我的 javascript 中出现 document.body is null 错误，因为我使用：

$(window).width()

作为值来分配给我的变量，

$(document).ready(function(){});

我将非常感谢任何可以帮助我解决此问题的人。

亲切的问候

编辑：抱歉，如果这一切都不清楚。我有一个演示：http://www.wpmonk.com/demo/hypowired 起初主题会加载，但随后变成白色（由于错误），但是当您重新加载时，您可以看到整个主题，因为然后他知道 $(window).width() 的值，

我使用此代码将主题居中布局（对于 css 来说是不可能的，因为左侧也需要有宽度。）

function positioneerElement(){      
    $breedte = (document.body.clientWidth - 1124) / 2;
    $('#bg_left').css({
        'width': $breedte
    });
    $('.container').css({
        'margin-left': $breedte
    });
}

我在加载函数中调用函数 positioneerElement() 。

抱歉，如果不清楚，我认为没有必要将演示放在这里，也没有必要将代码放在这里。 不过我还是要感谢那些试图提供帮助的人！

Answer 1

我同意 outis - 我们需要更多代码。

也就是说：

• 您确定您的所有工作都在 $(document).ready 函数内完成吗？
• 您确实有正确形成（且闭合）的 body 标记和有效的 xhtml 吗？
• 所有浏览器都会出现这种情况吗？

一个建议：

如果您将 positioneerElement 函数也放入 $(document).ready 函数中，问题是否仍然存在？我想知道浏览器是否在文档加载之前评估 document.body 。

$(document).ready(function() {
    function positioneerElement(){      
    $breedte = (document.body.clientWidth - 1124) / 2;
    $('#bg_left').css({
        'width': $breedte
    });
    $('.container').css({
        'margin-left': $breedte
    });

    // your other code, including
    positioneerElement();
});

Answer 2

确保仅在包含 标记后调用 $(window).width() 回调），和/或使用标准模式文档类型声明。无论如何你都应该这样做：怪癖模式很糟糕。

问题是，要在 Quirks 模式下读取视口大小，jQuery 必须查看 document.body.clientWidth 而不是 document.documentElement.clientWidth。如果您尚未启动 ，则不存在 document.body 节点。

Answer 3

您必须包含 jquery.js，而不是 jquery.min.js
看起来好像有一些错误
这对我有用

Answer 4

好吧，根据您给我的信息，可能是主体尚未正确加载。请参阅此处了解更多详细信息： http ://www.coderanch.com/t/122834/HTML-JavaScript/document-body-null-or-not#606782

我会说更多，但我也同意你需要发布更多代码供我们调试。