首先說一下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>

Felix 發表在 痞客邦 PIXNET 留言(0) 人氣()