<td id="qyhx9"></td>_{<center id="qyhx9"><progress id="qyhx9"></progress></center>}

JS實現(xiàn)預(yù)裝載圖片提高站點速度

2012/11/8 17:09:30作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例名稱】

【實例描述】

頁面通常會提供很多圖片，為了提高速度可以預(yù)裝載圖片，當(dāng)用戶選擇圖片的時候，可以緩存中直接提取圖片，從而達(dá)到提高速度的目的。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>標(biāo)題頁-學(xué)無憂（denvermotorcycleaccidentlawyer.com）</title>
    <script language="javascript">
//用數(shù)組存儲需要的圖片
var imgList = []; 
imgList[0] = "logo1.gif" ; 
imgList[1] = "logo2.gif" ; 
//用戶單擊按鈕時，提取圖像的方法
function getImage(index)
{
    var imgsrc= imgList[index];
    document.getElementById("img1").src=imgsrc;
}
</script>
</head>
<body>
<table id="mytbl" width="300" height="50" border="0" cellspacing="2" cellpadding="0" bgcolor="#FFb609">
  <tr> 
    <td> 顯示第一張圖片<input id="Button1" type="button" value="顯示" onclick="getImage(0)" /></td><td><img id="img1" src=""></td>
  </tr>
  <tr> 
    <td> 顯示第二章圖片<input id="Button1" type="button" value="顯示" onclick="getImage(1)" /></td><td>預(yù)先裝載圖片</td>
  </tr>
</table>
</body>
</html>

【運(yùn)行效果】

預(yù)裝載圖片提高站點速度運(yùn)行效果