javascript - 在新页面中打开图像并在单击时打印

Question

这是我的页面：http ://budclarychevy.com/custom/parts-specials-test

我的目标是让图像可点击并在新窗口中打开并提示打印。我能找到的最接近的方法是 JavaScript 中的 window.print() 函数，但它只是打印整个页面。我希望每张图片都能单独在可打印页面上打开。这可以用 JavaScript 实现吗？如果还有其他方法，那是什么？

Answer 1

您可以简单地使用一些 javascript 添加一个 onclick 事件。

<img src="http://budclarychevy.com/path/to/my/image.png"
width="660" height="225" alt="GM Oil Filters"
onclick="newWindow = window.open('http://budclarychevy.com/path/to/img.png');
    newWindow.print();">

如您所见，单击时会打开一个带有图片网址的新窗口。由于您有对新窗口对象的引用，您可以在其上调用“print()”函数。

干杯悠闲

Answer 2

你可以做类似的事情

function clicked(address) {

    popup = window.open(); // display popup
    popup.document.write(address.src); // This is where the image url goes which will just open up the image
    popup.print(); // then print the image

}

在 HTML 中

<img src="image.jpg" onclick="clicked(this)" />