如何在JavaScript對象中顯示圖像作爲屬性

Question

//construtor created 
    function Blog(text, date, image) { 
     this.show_image = function(src, width, height, alt){ 
         var img = document.createElement("img"); 
          img.src = src; 
          img.width = width; 
          img.height = height; 
          img.alt = alt; 
          document.body.appendChild(img); 
        } 

    } 
//instance 

    var blog = [new Blog("hello!,Welcome to my blog1.", new Date("10/21/2012"),'show_image("images/overlay.png", 20,30, "Google Logo")'), 

嘿m調用上面的實例中的圖像，因爲我寫了一個函數show_image執行該部分，但圖像沒有得到顯示...請告訴我這裏有什麼問題...請修改它...我是JavaScript編程新手.. 我

Answer 1

我不知道你爲什麼要創建構造函數和所有..這可以做到，創建一個簡單的功能

試試這個

function show_image(src, width, height, alt){ 
        var img = document.createElement("img"); 
         img.src = src; 
         img.width = width; 
         img.height = height; 
         img.alt = alt; 
         document.body.appendChild(img); 
    } 



$(document).ready(function(){ //if using jquery 
    show_image("images/overlay.png", 20,30, "Google Logo"); 
}); 

Answer 2

你實際上沒有調用show_images函數。你只是傳遞一個字符串，這不會幫助。

在找出特定代碼塊不工作的原因之前記住，您需要確定該塊是否被執行。

這是您使其工作的另一種方式。

function Blog(text, date) { 

    this.show_image = function (src, width, height, alt) { 

     var img = document.createElement("img"); 
     img.src = src; 
     img.width = width; 
     img.height = height; 
     img.alt = alt; 
     document.body.appendChild(img); 
    } 

} 
//instance 

var blog = new Blog("hello!,Welcome to my blog1.", new Date("10/21/2012")); 
blog.show_image("images/overlay.png", 20,30, "Google Logo");