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