用new Image()預先加載圖片真的有用嗎？
更新時間：2007年09月24日 21:40:18 作者：
經常會用到在網頁上交替顯示圖片。很多推薦的作法是用new Image() 預先裝載圖片。但是用new Image()真的有用嗎？
試驗：
在后臺放一個過濾器捕捉所有 /* 的請求：
doFilter里面簡單的打印請求的URL：
代碼
HttpServletRequest httpRequest = (HttpServletRequest) request;
System.out.println("requets url: " + httpRequest.getRequestURI());
chain.doFilter(request, response);
html代碼：
代碼
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
可以看到打印了三次url。html頁面的請求一次。t1.src設值的時候一次。<img src="">的時候一次。
我想這時候如果按按鈕改變頁面上的圖片，應該不會再從服務端載圖片了，因為緩存里面已經有了嘛?？墒屈c的時候過濾器仍然是有打印出URL！
看來只要image對象的src一被改變就會發(fā)出請求。那預先裝載圖片不是等于沒用嗎？
試驗：
在后臺放一個過濾器捕捉所有 /* 的請求：
doFilter里面簡單的打印請求的URL：
代碼
HttpServletRequest httpRequest = (HttpServletRequest) request;
System.out.println("requets url: " + httpRequest.getRequestURI());
chain.doFilter(request, response);
html代碼：
代碼
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
可以看到打印了三次url。html頁面的請求一次。t1.src設值的時候一次。<img src="">的時候一次。
我想這時候如果按按鈕改變頁面上的圖片，應該不會再從服務端載圖片了，因為緩存里面已經有了嘛?？墒屈c的時候過濾器仍然是有打印出URL！
看來只要image對象的src一被改變就會發(fā)出請求。那預先裝載圖片不是等于沒用嗎？
相關文章
js與自動伸縮圖片 自動縮小圖片的多瀏覽器兼容的方法總結...2007-03-03
圖片從右至左滾動JS...2007-01-01
隨著瀏覽器安全性的提高，要實現(xiàn)圖片預覽也越來越困難。不過群眾的智慧是無限的，網上也有很多變通或先進的方法來實現(xiàn)。在研究了各種預覽方法后，作為總結，寫了這個程序，跟大家一起分享。2009-12-12
用戶客戶端檢測圖片的大小，實際應用中，服務器端測試仍必不可少。2009-12-12
最近寫的一個關于圖片切換的js，拿出來和大家分享一下2011-07-07
圖片減速度滾動,一般用于產品的展示效果。作為前端，互聯(lián)網上一些常見效果都要嘗試去實現(xiàn)，不能因為公司用不到就不做。2011-12-12
在 IE6 中，可以很方便地利用 img 的 src 屬性，實現(xiàn)本地圖片預覽，然而在 IE7 中，這種辦法卻行不通。需要用 AlphaImageLoader2009-03-03
多圖展示滑動過渡效果...2006-12-12
為了阻擋一般用戶不能使用圖片另存為的功能，這里使用JavaScript對右鍵菜單做了限制，當在圖片上點擊右鍵的時候，會彈出一個提示，提示無法操作圖片，注意，這種方法對高手可能無效果。2009-10-10
非常不錯的js圖片輪換效果代碼，像柵欄一樣結合起來，然后顯示完整圖片，代碼相對也不錯2008-06-06