如何动态的更新网页中的内容而不刷新页面!

Question

<script language="JavaScript">
function initArray() {
for (var i = 0; i < initArray.arguments.length; i++) {
this[i] = initArray.arguments[i];
}
this.length = initArray.arguments.length;
}
var colors = new initArray(
"#DE1100","#FFFF00","#FF8000","#222222","#88FFBC","#8800BB"
);
delay = 150
link = 0;
vlink = 0;
function linkDance() {
link = (link+1)%colors.length;
vlink = (vlink+1)%colors.length;
document.linkColor = colors[link];
document.vlinkColor = colors[vlink];
setTimeout("linkDance()",delay);
}
linkDance();
</script>这段有这个功能

Answer 1

使用对象。
比如<img id="img1" scr=1.jpg>更新：img1.src="2.jpg"

Answer 2

对于DOM中的属性，大部分是可以设置的，只需要用“对象.属性=属性值”就可以改变了，一小部分可能是系统根据网页中的值计算的，所以为只读属性，如textarea.scrollHeight等。要改变显示内容一般使用修改innerText或innerHTML的方法，如td之间的内容可用objTD.innerText = "你要修改的内容"即可。如果你在当前网页内无法知道用于修改的内容，可以使用RDS或xmlhttp或内嵌无显示iframe从服务器端或其他地方取得，然后用脚本修改即可。

Answer 3

<td id=abc>
</td>
<input type=text id=changedtext>
<input type=button onclick="javascript:changeit()" value="更改'>
<script>
document.all.abc.innerHTML ="HELLO! ^-^"
function changeit()
{
document.all.abc.innerHTML = document.all.changedtext.value
}
</script>