Question

我在我的一个网站上使用了一个名为'Facelift 1.2'的javascript，虽然该脚本适用于Safari 3，4b和Opera，OmniWeb和Firefox，但它不适用于任何IE版本。但即使在工作浏览器中我也得到以下错误，我无法解读。

也许在适当的时候 - 有更多经验的Javascript - 我将能够但是现在我想我会问你们中的一些人，在这里。

以下是我在IETester中测试Interet Explorer 6,7和8的页面时出现的错误弹出窗口：

以下内容来自Firefox 3.0.6中的Firebug控制台：

该网站是：http://www.457cc.co.nz/index.php如果它可以帮助您查看操作中提到的问题。

我还查找了第620行对应的内容： “第76行”是：

this.isCraptastic = (typeof document.body.style.maxHeight=='undefined');

这是代码块的一部分（取自flir.js）：

// either (options Object, fstyle FLIRStyle Object) or (fstyle FLIRStyle Object)
,init: function(options, fstyle) { // or options for flir style
    if(this.isFStyle(options)) { // (fstyle FLIRStyle Object)
        this.defaultStyle = options;
    }else { // [options Object, fstyle FLIRStyle Object]
        if(typeof options != 'undefined')
            this.loadOptions(options);

        if(typeof fstyle == 'undefined') {
            this.defaultStyle = new FLIRStyle();
        }else {
            if(this.isFStyle(fstyle))
                this.defaultStyle = fstyle;
            else
                this.defaultStyle = new FLIRStyle(fstyle);
        }
    }

    this.calcDPI();

    if(this.options.findEmbededFonts)
        this.discoverEmbededFonts();

    this.isIE = (navigator.userAgent.toLowerCase().indexOf('msie')>-1 && navigator.userAgent.toLowerCase().indexOf('opera')<0);
    this.isCraptastic = (typeof document.body.style.maxHeight=='undefined');

    if(this.isIE) {
        this.flirIERepObj = [];
        this.flirIEHovEls = [];
        this.flirIEHovStyles = [];    
    }
}

我的服务器上也提供了整个脚本：http://www.457cc.co.nz/facelift-1.2/flir.js

我只是不知道从哪里开始寻找错误，特别是因为它只影响IE但其余部分都有效。也许你们有个主意。我很乐意听到他们。

感谢阅读。 Jannis

PS：这是Opera的错误控制台报告的内容：

JavaScript - http://www.457cc.co.nz/index.php
Inline script thread
Error:
name: TypeError
message: Statement on line 620: Cannot convert undefined or null to Object
Backtrace:
  Line 620 of linked script http://www.457cc.co.nz/facelift-1.2/flir.js
                    document.body.appendChild(test);
  Line 70 of linked script http://www.457cc.co.nz/facelift-1.2/flir.js
            this.calcDPI();
  Line 2 of inline#1 script in http://www.457cc.co.nz/index.php
            FLIR.init();
stacktrace: n/a; see 'opera:config#UserPrefs|Exceptions Have Stacktrace'

Answer 1

我同意tvanfosson - 你很可能因为你在页面加载前调用init()而导致错误，因此document.body尚未定义。

在您关联的页面中，您应将以下代码移至页面底部（就在关闭html标记之前：

<script type="text/javascript">
    FLIR.init({ path: 'http://www.457cc.co.nz/facelift-1.2/' });
    FLIR.auto();
</script>

更好的是，您应该将初始化附加到文档的ready事件中。如果你这样做，你甚至不需要将你的javascript移动到文件的底部。使用jquery：

$(document).ready( function(){
    FLIR.init({ path: 'http://www.457cc.co.nz/facelift-1.2/' });
    FLIR.auto();
});

More on jquery's document.ready event »

Answer 2

编辑向左侧回答上下文。有关正确的分辨率，请参阅@ Triptych（已接受）答案。

我的建议是将javascript包含在标记的末尾。我认为发生的事情是代码在DOM完全加载之前执行，因此当您在确定maxHeight样式属性时尝试引用它时，document.body为null。将javascript的包含移动到标记的末尾应该足以保证文档的主体至少被加载并避免这个特定的错误。

 ... rest of html....

    <script type='text/javascript'
            src='http://www.457cc.co.nz/facelift/flir.js'>
    </script>
 </body>
 </html>

Answer 3

安装.net Framework v2并解决问题。

Javascript：错误'对象必需'。我无法破译它。你能？

3 个答案: