0

我是网络开发领域的新手，我有以下问题

我想在 HTML5 中实现一个按钮，它将打印图像（而不是整个 HTML 页面）

我尝试了这个问题中的代码Print image on website

但我有一个未处理的异常：

0x800a138f - Microsoft JScript runtime error : Umable to get value of the property 'innerHTML':object is null or undefined

谁能指导我如何做到这一点？

谢谢！

编辑：当我说打印时，我的意思是在物理打印机上打印，而不是在屏幕上显示

4

2 回答 2

1

像这样的东西？我掀起了这个

<!DOCTYPE>
<html>
<body>
<button onclick="showimage()">Click Here for Image</button>
</body>
<script type="text/javascript">
function showimage() {
    var _body = document.getElementsByTagName('body') [0];
    var img = document.createElement('img');
    //you can replace the link with any image you want
    img.setAttribute('src', 'http://i.123g.us/c/cute_teddy/card/109882.gif');
    img.setAttribute('alt', 'Picture');
    _body.appendChild(img);
}
</script>
</html>

jsFiddle在这里

如果您需要帮助了解其工作原理，请随时提出。基本上，我们有一个按钮，我们创建 img 标签并设置适当的属性。成功完成后，我们可以将其附加到 HTML 文档的正文中以便显示。我建议您对 DOM（文档对象模型）有一个很好的了解，因为您是 Web 开发/Javascript 的新手。

于 2013-02-13T00:14:30.027 回答
0

所以这是非常简单的方法：

<!DOCTYPE>
<html>
<body>
<button onclick="showimage()">Click Here for Image</button>
</body>
<script type="text/javascript">
function showimage() {
     if (typeof img== 'object')
                    img= img.src;
                window.win = open(img);
                setTimeout('win.document.execCommand("Print")', 500);
}
</script>
</html>
于 2013-02-22T22:19:16.490 回答