如何使用oneClick刷新镜像上的div？

Question

我找过了，但是没有人解释，所以我不能理解。所以这就是我想要做的:我想刷新div而不重新加载整个页面。像这样。：

 <div id="topimage">
 <span id="happysmile"><img alt="happysmile" src="happysmile.png"></a></span>
 <span id="refreshbuttn"><img alt="refreshbuttn" src="refreshbuttn.png"></a></span>
                </div>

<div id="topDatum"><script type="text/javascript">
var mynewdate = new Date();
document.write(mynewdate.getMilliseconds());
</script></div>

所以我只想重新加载"sec“div而不是topimage div。只需点击refreshbuttn.png即可。

这是可能的吗?你是如何做到的？

谢谢，并为我糟糕的英语道歉。

Answer 1

如果您所说的"sec“div指的是"topDatum”div，您可以这样做：

示例： http://jsfiddle.net/YCM9m/1/

<div id="topimage">
    <span id="happysmile"><img alt="happysmile" src="happysmile.png"></span>
    <span id="refreshbuttn"><img alt="refreshbuttn" src="refreshbuttn.png"></span>
</div>

<div id="topDatum"></div>

<script type="text/javascript">
    document.getElementById('refreshbuttn').onclick = function() {
        var mynewdate = new Date();
        document.getElementById('topDatum').innerHTML = mynewdate.getMilliseconds();
    }
</script>

它使用document.getElementById来获取ID为refreshbuttn的元素。它提供一个onclick处理程序来创建一个date对象，并获取ID为topDatum的元素，并将其innerHTML设置为mynewdate.getMilliseconds()的值。

Answer 2

如果您使用的是 jQuery，则可以使用以下命令：

$("#refreshbuttn").click(function(){
    var mynewdate = new Date();
    $("#topDatum").html(mynewdate.getMilliseconds());
});

它将监听带有ID refreshbuttn的对象的点击(在本例中，该对象是刷新范围)。

当它是的时候，它将得到一个新的日期。

然后，它会将ID为 topDatum的对象的超文本标记语言设置为新的毫秒(在本例中，该对象是topDatum DIV.)。

Answer 3

这可能会帮助您入门：http://jsbin.com/iwebo4/edit。下面是JavaScript部分：

function updateMilliseconds() {
  if (document.getElementById('hello')) {
    document.getElementById('hello').innerHTML
      = new Date().getMilliseconds();
  }
}

updateMilliseconds();​