動態加載圖片與腳本

 

動態加載圖片許多方法。第一種方法，隨便創建一個塊狀元素如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';