如何在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");