【问题标题】:Get the Source of an image and open in a new window when clicked获取图像的来源并在单击时在新窗口中打开
【发布时间】:2013-08-30 18:19:20
【问题描述】:

我在表格中有一系列图像,当我们单击图像时,我需要使用 JavaScript 或 Jquery 在新窗口/选项卡中打开它们。 由于这些图像可能会随着时间而改变,我认为获取这些图像的 src 属性并使用该 src 属性在新窗口中自动打开它们是个好主意。这样我们可以减少对代码的一些维护。

因为我是 JavaScript 的新手。我需要帮助来弄清楚如何实现这一目标。

【问题讨论】:

    标签: javascript jquery image


    【解决方案1】:

    怎么样:

    $("table tr td img").click(function() {
        var src = $(this).attr("src");
        window.open(
            '/' + src, //change this to your relative path + src
            '_blank' // <- This is what makes it open in a new window.
        );
    });
    

    【讨论】:

    【解决方案2】:

    使用target="_blank" 作为您的锚标记

    <a href="your-image-path" target="_blank"><img src="your-image-path"/></a>
    

    【讨论】:

    • 是的..这是最简单的选择..但由于每次图像更改,我们需要在两个地方更新。一个用于图像 src,一个用于“a”标签。因此,我们需要一种方法来获取 Image Id,并在单击时自动在新窗口中打开。
    • 使用&lt;c:url var="imageUrl" value="your-image-source" /&gt; &lt;a href="${imageUrl}" target="_blank"&gt;&lt;img src="${imageUrl}"/&gt;&lt;/a&gt;这肯定会减少你的url重复。
    • 别忘了在页面开头添加taglib:&lt;%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %&gt;
    • @PavanK 如果它适合您,请不要忘记接受答案。提前致谢。
    • 查看接受答案的工作原理:meta.stackexchange.com/questions/5234/…
    猜你喜欢
    • 2018-01-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多