如何用JavaScript显示图像？

发布于 2024-10-26 23:59:37 字数 497 浏览 1 评论 0原文

我正在尝试通过 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？或者其他地方...

原文

I am trying to display image, through JavaScript, but i can't figure out how to do that. I have following

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");

in HTML

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

I can't figure out where should I put something like image1.show_image();.

HTML? Or somewhere else...

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

路还长，别太狂 2024-11-02 23:59:38

谢谢...我做了一些小的修改/简化。按预期工作。

HTML：
添加图像

Javascript：

function addLogo() {
var src =“https://i.gifer.com/origin/93/935d72c7bc35828ea93b5898691f28fd_w200.gif”;
show_image(src, 124,124, "我的图片");
}

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);
}

Thank you... I made small modifications/simplifications. Works as intended.

HTML:
Add Image

Javascript:

function addLogo() {
var src = "https://i.gifer.com/origin/93/935d72c7bc35828ea93b5898691f28fd_w200.gif";
show_image(src, 124,124, "My Image");
}

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);
}

回复收藏 0 原文

风吹雪碎 2024-11-02 23:59:37

您可以使用 Javascript DOM API。特别是，请查看 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>

请参阅 jsFiddle 上的工作示例：

You could make use of the Javascript DOM API. In particular, look at the createElement() method.

You could create a re-usable function that will create an image like so...

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);
}

Then you could use it like this...

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