Question

我正在运行一个DOM脚本，它在Chrome和Firefox中完美运行，但不是IE8或9. IE中的错误信息是

document.getElementByld(..)为空或不是对象
对象不支持此属性或方法
无法设置属性'innerHTML'的值：object为null或undefined（URL：http://twitter.com/javascripts/blogger.js）

代码：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>
    // DOM Ready    
    $(function() {


        $.getJSON('http://twitter.com/status/user_timeline/LaunchSeven.json?count=2&callback=?', function(data){
            $.each(data, function(index, item){
                $('#twitter').append('<div class="tweet"><p>' + item.text.linkify() + '</p><p><strong>' + relative_time(item.created_at) + '</strong></p></div>');
            });

        });



        function relative_time(time_value) {
          var values = time_value.split(" ");
          time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
          var parsed_date = Date.parse(time_value);
          var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
          var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
          delta = delta + (relative_to.getTimezoneOffset() * 60);

          var r = '';
          if (delta < 60) {
            r = 'a minute ago';
          } else if(delta < 120) {
            r = 'couple of minutes ago';
          } else if(delta < (45*60)) {
            r = (parseInt(delta / 60)).toString() + ' minutes ago';
          } else if(delta < (90*60)) {
            r = 'an hour ago';
          } else if(delta < (24*60*60)) {
            r = '' + (parseInt(delta / 3600)).toString() + ' hours ago';
          } else if(delta < (48*60*60)) {
            r = '1 day ago';
          } else {
            r = (parseInt(delta / 86400)).toString() + ' days ago';
          }

          return r;
        }

        String.prototype.linkify = function() {
            return this.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+/, function(m) {
                return m.link(m);
            });
        };   


    });


</script>

先谢谢你，

亚当

Answer 1

您的网页需要包含ID为twitter_update_list的元素...

document.getElementById('twitter_update_list').innerHTML = statusHTML.join('');

如果没有看到更多代码，就无法说明为什么它在IE中不可用。

Answer 2

第二个论点。这是一个函数定义而不是被触发的函数。但是如果m.link（m）本身不起作用，那么正确执行该函数也不会有效。

    String.prototype.linkify = function() {
        return this.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+/, function(m) {
            return m.link(m);
        });
    };

所以只需要制作第二个arg m.link(m)（没有半个）

我不确定这会解释你的document.getElementById问题。但它可能会在某处导致错误级联。

此外，您应该在其他所有内容之前定义该字符串原型。我相信只有命名函数才会提升，例如function someName（）{.. vs. var someName = function（）{...

IE8和9不支持DOM。找不到答案

2 个答案: