如何使用JavaScript显示图像？

一尘不染

如何使用JavaScript显示图像？

javascript

我正在尝试通过JavaScript显示图像，但是我不知道该怎么做。我有以下

function image(a,b,c)
{
  this.link=a;
  this.alt=b;
  this.thumb=c;
}

function show_image()
{
  document.write("img src="+this.link+">");
}

image1=new image("img/img1.jpg","dsfdsfdsfds","thumb/img3");

在HTML中

<p><input type="button" value="Vytvor" onclick="show_image()" > </p>

我不知道该在哪里放类似的东西image1.show_image();。

HTML？或者别的地方…

阅读 474

2020-05-01

共1个答案

一尘不染

您可以使用Javascript DOMAPI。特别是，请查看createElement（）方法。

您可以创建一个可重复使用的函数，以创建一个像这样的图像…

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

    // This next line will just add it to the <body> tag
    document.body.appendChild(img);
}

然后您可以像这样使用它…

<button onclick=
    "show_image('http://google.com/images/logo.gif', 
                 276, 
                 110, 
                 'Google Logo');">Add Google Logo</button>

2020-05-01