在HTML5/Javascript中打印图像

在HTML5/Javascript中打印图像,javascript,html,Javascript,Html,我是网络开发领域的新手,我有以下问题 我想在HTML5中实现一个按钮,用于打印图像(而不是整个HTML页面) 我试过这个问题中的代码 但我有一个未处理的异常: 0x800a138f - Microsoft JScript runtime error : Umable to get value of the property 'innerHTML':object is null or undefined 有人能指导我怎么做吗 谢谢 编辑:当我说打印时,我指的是在物理打印机上打印,而不是在屏幕上显

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

我想在HTML5中实现一个按钮,用于打印图像(而不是整个HTML页面)

我试过这个问题中的代码

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

0x800a138f - Microsoft JScript runtime error : Umable to get value of the property 'innerHTML':object is null or undefined
有人能指导我怎么做吗

谢谢


编辑:当我说打印时,我指的是在物理打印机上打印,而不是在屏幕上显示类似的内容?这是我做的

<!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>

点击这里查看图片
函数showimage(){
var_body=document.getElementsByTagName('body')[0];
var img=document.createElement('img');
//您可以用任何所需的图像替换链接
img.setAttribute('src','http://i.123g.us/c/cute_teddy/card/109882.gif');
img.setAttribute('alt','Picture');
_附肢儿童(img);
}


如果您需要帮助了解这是如何工作的,请毫不犹豫地询问。基本上,我们有一个按钮,我们创建img标签并设置适当的属性。一旦我们成功地做到了这一点,我们就可以将它附加到HTML文档的主体中,以便它显示出来。我建议您充分了解DOM(文档对象模型),因为您是web开发/Javascript新手。

下面是一个非常简单的方法:

<!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>

点击这里查看图片
函数showimage(){
如果(img的类型==‘对象’)
img=img.src;
window.win=打开(img);
setTimeout('win.document.execCommand(“Print”)”,500);
}

感谢@aug的回复!我试过这个代码,它成功了!。只是这不是我需要做的。当我说打印时,我指的是在物理打印机上打印(而不是在屏幕上显示)。很抱歉给你带来了混乱