当前位置: 首页 > 面试题库 >

如何使用JavaScript显示图像?

闽康安
2023-03-14
问题内容

我正在尝试通过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?或者别的地方…


问题答案:

您可以使用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>


 类似资料:
  • 问题内容: 我有一个要显示在项目中的.svg图像文件。 我尝试使用UIImageView,它适用于.png和.jpg图像格式,但不适用于.svg扩展名。有什么办法可以使用UIWebView或UIImageView显示.svg图像? 问题答案: 试试这个代码

  • 本文向大家介绍如何使用JavaScript显示提示对话框?,包括了如何使用JavaScript显示提示对话框?的使用技巧和注意事项,需要的朋友参考一下 当您要弹出文本框以获取用户输入时,提示对话框非常有用。因此,它使您可以与用户进行交互。用户需要填写该字段,然后单击“确定”。 使用称为的方法显示此对话框,该方法带有两个参数:(i)您要在文本框中显示的标签,以及(ii)要在文本框中显示的默认字符串。

  • 问题内容: 有人可以通过可以在网页上突出显示文本的JavaScript函数来帮助我。要求是-仅突出显示一次,而不是像我们在搜索情况下那样突出显示所有出现的文本。 问题答案: 您可以使用jquery 突出显示效果。 但是,如果您对原始javascript代码感兴趣,请看一下我得到的内容。将复制粘贴到HTML中,打开文件,然后单击“突出显示”-这应该突出显示“ fox”一词。在性能方面,我认为这适用于

  • 本文向大家介绍如何使用JavaScript显示确认消息?,包括了如何使用JavaScript显示确认消息?的使用技巧和注意事项,需要的朋友参考一下 确认对话框通常用于征得用户对任何选项的同意。它显示一个带有两个按钮的对话框:取消。 如果用户单击“确定”按钮,则窗口方法确认()将返回true。如果用户单击“取消”按钮,则返回false。 示例 您可以尝试运行以下代码以在JavaScript中实现确认

  • 我正在尝试使用一个菜单栏,使用户能够选择一个文件,并在JPanel中显示它,图像应该完全适合JPanel。但是JFileChooser在从对话框中成功选择文件时不会显示任何内容。我试着参考了许多链接:如何向JPanel添加图像?浏览图像文件并使用Java Swing显示它,但没有任何结果。请帮帮忙。以下是我的代码: 更新后的代码如下:

  • 问题内容: 我正在从数据库中检索Blob图像,并且希望能够使用JavaScript查看该图像。以下代码在页面上产生一个损坏的图像图标: 其中包含所有必需的代码,包括blob。完成的代码应正确显示图像。 问题答案: 问题是我有十六进制数据,需要先进行十六进制数据转换,然后才能进行base64编码。 在PHP中: