首先說一下document對象的來歷。在瀏覽器訪問的任何一個頁面，都會在內存中以XML的形式存在一個副本，瀏覽器遵循一個內部算法將HTML轉成XML，這種XML，javascript可以直接訪問，重要的是，它可以被修改並立即在瀏覽器中實現。
簡單的說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>
留言列表
