动态加载图片许多方法。第一种方法,随便创建一个块状元素如DIV,把它加入DOM树,然后用CSS设置背景图片。第二种前半部分同第一种,只不过这次用innerHTML加一张图片变成它的子元素。第三种,利用createElement("img"),然后加入DOM与指定它的src属性。第四种,new Image对象,然后加入DOM与指定它的src属性。
1.
window.onload =
function
(){
2.
var
image = document.createElement(
"div"
);
3.
document.body.appendChild(image)
4.
image.style.cssText =
"width:400px;height:300px;background:url(http://images.cnblogs.com/cnblogs_com/rubylouvre/199042/o_s001.jpg)"
5.
}
1.
window.onload =
function
(){
2.
var
image = document.createElement(
"div"
);
3.
document.body.appendChild(image)
4.
image.innerHTML =
"<img src='http://images.cnblogs.com/cnblogs_com/rubylouvre/199042/o_s001.jpg'>"
;
5.
}
1.
window.onload =
function
(){
2.
var
image = document.createElement(
"img"
);
3.
document.body.appendChild(image)
5.
}
1.
window.onload =
function
(){
2.
var
image =
new
Image;
3.
document.body.appendChild(image)