动态加载图片与脚本

 

动态加载图片许多方法。第一种方法，随便创建一个块状元素如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)

4.   image.src='http://images.cnblogs.com/cnblogs_com/rubylouvre/199042/o_s001.jpg';

5. }

1. window.onload = function(){

2.   var image = new Image;

3.   document.body.appendChild(image)

4.   image.src='http://images.cnblogs.com/cnblogs_com/rubylouvre/199042/o_s001.jpg';