javascript腳本來制作一個圖片庫,當網頁中大量的圖片加載進來的時候勢必對網站運行的速度會有影響,看了第二版js編程藝術dom后了解了一些處理圖片的方法。 借這個機會記錄一下圖片庫在javascript中是咋樣做到合理的利用!
需要掌握javascript的getAtteribute()的方法;setAtteribute()方法。
也可以使用:Element.value="string";的方法來解決劲赠。
(ps:建議使用第一種用法,因為getAtteribute()屬于第一級DOM元素的組成部分秸谢,可以修改任意的元素節(jié)點的任意屬性凛澎,而.value的方法得判斷是否為第一級DOM的部分。)
function pic(chengePic)? //寫一個函數估蹄,起名字叫pic塑煎,給一個參數為"chengePic";
// chengePic代表一個元素節(jié)點臭蚁,只要獲取這個元素節(jié)點的屬性設置他的getAtteribute()最铁;他必然會是一個A元素傳過來的圖片,只要修改他的“href”就可以得到垮兑,把得到的“href”
//作為參數傳給getAtteribute;
chengePic.getAtteribute("href");
//把chengePic.getAtteribute("href")賦值給變量href冷尉;
var href = chengePic.getAtteribute("href");
//獲取占位符
var box =douvment.getElementById("element");
代碼清單整合:
function pic(chengePic){
var href = chengePic.getAtteribute("href");
var box =douvment.getElementById("element");
box.setAtteribute("src",href);
}