为什么这个Javascript代码不适用于Google Chrome

时间:2011-03-09 17:17:54

标签: javascript cross-browser

我在相同的网页上有类似的代码,谷歌Chrome加载它就好了。但是这个特殊功能似乎只适用于某些浏览器。我自己找不到任何错误。也许我可以用不同的方式写这个陈述?

<script type="text/JavaScript">
<!--
function changeWebsite() {
var currentTime = new Date().getHours();    

 if (7 <= currentTime&&currentTime < 17) {
       document.write(' <img src="http://itsnotch.com/tumblr/images/websitelist_tumblr_VC01.png" width="200" height="45" alt=""> '); 

            document.write(' <a href="http://www.itsnotch.com" <img src="http://itsnotch.com/tumblr/images/websitelist_tumblr_VC02.png" width="200" height="75" border="0" alt="ItsNotch.com"></a> ');

        document.write(' <a href="http://www.notchtheguru.com" <img src="http://itsnotch.com/tumblr/images/NotchTheGuru.comVC.png" width="200" height="119" border="0" alt="Tumblr"></a>');


            document.write('<a href="http://www.bignotch.com" <img src="http://itsnotch.com/tumblr/images/websitelist_tumblr_VC04.png" width="200" height="161" border="0" alt="NotchTheGuru.com"></a>');
      }

       else {
       document.write(' <img src="http://itsnotch.com/tumblr/images/websitelist_tumblr_01.png" width="200" height="45" alt=""> '); 

            document.write(' <a href="http://www.itsnotch.com" <img src="http://itsnotch.com/tumblr/images/websitelist_tumblr_02.png" width="200" height="75" border="0" alt="ItsNotch.com"></a> ');

        document.write(' <a href="http://www.notchtheguru.com" <img src="http://itsnotch.com/tumblr/images/NotchTheGuru.com.png" width="200" height="119" border="0" alt="Tumblr"></a>');


            document.write('<a href="http://www.bignotch.com" <img src="http://itsnotch.com/tumblr/images/websitelist_tumblr_04.png" width="200" height="161" border="0" alt="NotchTheGuru.com"></a>');
      }

      }


changeWebsite();
-->
</script>

3 个答案:

答案 0 :(得分:5)

您错过了所有锚标记的结束括号。

答案 1 :(得分:5)

代码工作正常,但您没有关闭打开的锚标签。

<a href="http://www.notchtheguru.com" <img

应该是

<a href="http://www.notchtheguru.com"> <img

答案 2 :(得分:1)

几乎所有document.write()行都存在的一个大问题是它们包含损坏的HTML代码。

所有这些问题都有同样的问题,即<a>标记在<img>标记开始之前未正确关闭 - 即您错过了>

HTML中的这种语法错误极有可能产生跨浏览器渲染问题。