1

DOM スクリプトを実行していますが、Chrome と Firefox では完全に動作していますが、IE8 または 9 では動作していません。IE で表示されるエラー メッセージは次のとおりです。

  • document.getElementByld(..)null またはオブジェクトではない

  • オブジェクトはこのプロパティまたはメソッドをサポートしていません

  • プロパティ 'innerHTML' の値を設定できません: オブジェクトが null または未定義です (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>

前もって感謝します、

アダム

4

2 に答える 2

1

ページには ID を持つ要素が必要twitter_update_listです ...

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

IE で利用できない理由は、さらにコードを見ないとわかりません。

于 2012-07-20T02:25:39.750 に答える
0

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);
        });
    };

したがって、2番目の引数を作成するだけですm.link(m)（セミなし）

これがあなたの document.getElementById の問題を説明しているかどうかはわかりません。しかし、どこかでバグカスケードを引き起こしている可能性があります。

また、他の何よりも先にその文字列プロトタイプを実際に定義する必要があります。関数 someName(){.. vs. var someName = function(){... など、名前付き関数のみが巻き上げられると思います。

于 2012-07-20T02:30:04.823 に答える