图片刷新不重载整个页面在ie9版本不工作

Picture Refresh without reload whole page doesn't work in IE version9

本文关键字:ie9 版本 工作 刷新 重载      更新时间:2023-09-26
<!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中工作,我是一个编程新手,有人能帮我解决吗?或者对我应该如何解决有什么建议吗?

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

来源

所以,请用下一个替换你的代码;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,而不是两个。

相关文章: