没有重新加载整页的图片刷新在IE 9中不起作用

时间:2014-03-11 07:57:57

标签: javascript jquery html css internet-explorer

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
<img src="http://www.kitco.com/images/live/gold.gif" width="90%" height="100%">


<script>
  setInterval(function() {
     var images = document.images;
     for (var i=0; i<images.length; i++) {
        images[i].src = images[i].src.replace(/\btime=[^&]*/, 'time=' + new      Date().getTime());
      }
  }, 1000); // 10000 milliseconds = 10 seconds
  </script>

这是代码,它在Chrome中运行良好但是它无法在IE版本9中运行,我是编程的新手,有人可以帮我解决吗?或者对我应该如何解决它发表任何评论?

1 个答案:

答案 0 :(得分:1)

  

根据[HTML 4.01]的建议,要包含图像,作者可以使用OBJECT元素或IMG元素。因此,建议不要使用此属性来查找文档中的图像,而使用HTML 4.01获取getElementsByTagName 或使用XHTML 1.0查找getElementsByTagNameNS。

source

所以,请在下一次更换你的代码; getElementsByTagName()

setInterval(function() {
    var images = document.getElementsByTagName('img'); // get all img DOM objects
    for (var i=0; i<images.length; i++) {
        images[i].src = images[i].src.replace(/\btime=[^&]*/, 'time=' + new Date().getTime());
    }
}, 1000); // 10000 milliseconds = 10 seconds

另外,请申报一个DOCTYPE,而不是两个。