簡體   English   中英

Javascript可在Firefox中運行,但不能在IE或Chrome中運行

[英]Javascript working in firefox but not IE or chrome

我正在將gwt與Google Maps api一起使用,並且我有一組選項卡式的信息窗口。 在其中之一中,我想運行最近的tweets腳本。 它在Firefox中工作正常,但在ie和chrome中顯示為空白。 這是我在選項卡中放置的HTML:

        HTML recentTweets = new HTML(
            "<body>"+
            "<div style='color: #ffffff; background-color: #010101'>"+
            "<script type='text/javascript' src='http://twitter.com/javascripts/blogger.js'></script>"+
            "<script type='text/javascript' src='http://twitter.com/statuses/user_timeline/stephenathome.json?callback=twitterCallback2&amp;count=3'></script>"+
            "</div>"+
            "</body>");

有誰知道為什么會這樣? 謝謝!

原諒我,HTML太可怕了。 您在錯誤的地方加了引號(例如,在div的style屬性中),在td的tr內的tr內的表中放置了body (應該相反)。 Firefox很有可能會用它來做點什么,但是其他渲染引擎會放棄並且什么也不顯示。 HTML應該如下所示:

<body>
<div style="color: #ffffff; background-color: #010101">
  <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
  <script type="text/javascrip\" src="http://twitter.com/statuses/user_timeline/Stephenathome.json?callback=twitterCallback2&amp;count=5"></script>
</div>
</body>

翻譯成Java的是:

HTML recentTweets = new HTML(
    "<body>"+
    "<div style='color: #ffffff; background-color: #010101'>"+
      "<script type='text/javascript' src='http://twitter.com/javascripts/blogger.js'></script>"+
      "<script type='text/javascript' src='http://twitter.com/statuses/user_timeline/Stephenathome.json?callback=twitterCallback2&amp;count=5'></script>"+
    "</div>"+
    "</body>");

為了補充哈維爾·巴迪亞(Javier Badia)撰寫的內容,使網頁在所有流行的瀏覽器中都能正常工作的最佳機會是(1)使用驗證器以確保您的HTML和CSS符合標准,以及(2)了解標准的哪些內容使某些瀏覽器胡思亂想。

有很多驗證器。 我更喜歡Marc Gueury的Firefox HTML驗證程序插件,因為它可以驗證所顯示的每個頁面,而無需您要求。 在瀏覽器窗口的右下角,它將綠色的復選框或紅色的X放在可以引起您注意的位置。 “始終在線”使它幾乎沒有痛苦。 此外,它還可以離線驗證,因此無需將頁面提交到外部服務器。 根據您的需求,可能會有其他HTML驗證器同樣適合您或更好。

我不會推薦CSS驗證器,因為我還沒有找到好的驗證器。

如果這是GWT項目的一部分,是否在本地進行? 如果是這樣,則問題很可能僅是由於本地文件的限制而導致,將該項目放置在遠程Web服務器上,並且應該可以正常工作。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM