首先说下document对象来历在浏览器访问任何个页面都会在内存中以XML形式存在个副本浏览器遵循个内部算法将HTML转成XML这种XMLjavascript可以直接访问重要是它可以被修改并立即在浏览器中实现
简单说DOM就是用来表示XML元素我们使用个名为document来引用它基于这个例子我们可以查询每个XML元素即Element对象 在WEB中如果我们指定了某个元素属性“id=”就可以使用Document对象成员思路方法getElementByID来检索这个元素

代码=
<td>
 <IMG id =\"2XSHZ\" >
</td>
<script language=\"javascript\" >
 var i = Math.random;
 document.getElementById(\"2XSHZ\").src=\"2XSHZ.jpg?i=\"+i;
</script>

这样作目就是让每次生成图片都含带个参数i他是随机数
指定了图片文件src路径的后每次图片刷新就可以显示唯新图片
利用这个就可以轻松实现不重载页面刷新图片文件了

ajax实现也利用了这个原理不过他用是单独页面A来显示图片再在另个页面B含带随机参数页面A效果相同
多用在登陆论坛前不刷新页面只刷新校验码图片

script language=\"javascript\" type=\"text/javascript\">
<!--
function ReCode
{
var r = Math.random;
Form1.Image1.src = \"CheckCode.aspx?\" + r;
}
//-->
</script>
<form id=\"Form1\" method=\"post\" runat=\"server\">
<asp:Image ID=\"Image1\" runat=\"server\" ImageUrl=\"CheckCode.aspx\"></asp:Image>
<asp:HyperLink ID=\"HyperLink1\" runat=\"server\" NavigateUrl=\"javascript:ReCode;\">看不清</asp:HyperLink>
</form>