Javascript 如何使用jquery向客户端计算机触发打印请求_Javascript_Jquery

Javascript 如何使用jquery向客户端计算机触发打印请求

javascript jquery

Javascript 如何使用jquery向客户端计算机触发打印请求,javascript,jquery,Javascript,Jquery,在这里，我有嵌套的div..其中动态生成图像..这是html代码..我的问题是，如果单击“打印”按钮，则需要打印相应的图像 <div id="outputTemp" style="display:none"> <div id="rightoutputimgae"> <div id="rightimgId" class="rightimg" rel="tooltip" content=" <img src='jqe13/ima

在这里，我有嵌套的div..其中动态生成图像..这是html代码..我的问题是，如果单击“打印”按钮，则需要打印相应的图像

    <div id="outputTemp" style="display:none">
    <div id="rightoutputimgae">
    <div id="rightimgId" class="rightimg"  rel="tooltip" content="
     <img src='jqe13/image/1.jpg' class='tooltip-image'/> ">
    <div id="outputimageId" class="outputimage">
       <img src="jqe13/image/1.jpg" alt="Right Bottom Image"></div>
     </div>
     <ul>
     <li id="outcheckbox"><input name="outCheck" type="checkbox"></li>
    <li id="outedit">
      <a href="#"><img src="jqe13/image/edit_s.PNG" alt="edit" title="Edit">
      </a></li>
    <li id="outdelete"><a href="#" onclick="deleteImg(div11)">
    <img src="jqe13/image/delet_c.PNG" alt="delete" title="Delete"></a></li>
    <li id="outfullscreen">
    <a href="#">
    <img src="jqe13/image/fullscreen_c.PNG" alt="Full Screen" class="fullscreen" 
      title="Full Screen"></a></li>
     <li id="outshare">
     <a href="#"><img src="jqe13/image/share_c.PNG" alt="Share" title="Share"></a>
     <div id="menu">
     <div id="tooltip_menu">
    <a href="#" class="menu_top" id="email">
    <img src="jqe13/image/email.PNG" alt="Email" title="Email"></a>
    <a href="#" onClick="postToFeed()" class="facebook"><img src="jqe13/image/fb.PNG" 
    alt="Facebook" title="Facebook"></a>
    <a href="#" id="twitter">
    <img src="jqe13/image/twitter.png" alt="Twitter" title="Twitter"></a>
    <a href="#" class="menu_bottom" id="save">
     <img src="jqe13/image/save.PNG" alt="Save" title="Save"></a>
     </div>
     </div>
     </li>
     <li id="outprint"><a href="#">
     <img src="jqe13/image/print.PNG" class="printMe" alt="Print" title="Print"></a>
       </li>
     </ul>
      </div>

这对我有用吗..有人能帮我吗..

你必须打开新窗口，在那里只加载图片。然后你触发窗口，在里面打印

如果你是这样做的，我会创建一个简单的页面来简化它

将其命名为printImage.html，并使用如下标记

<html>
<script>
function onload() {
       var url = window.location.search.substring(1)
       var img = document.getElementById('img')
       img.src = url
       window.print()
}

</script>
<body onload="onload()">
<img href="" id='img' />
</body>
</html>

然后只需将

print

类切换到要打印的元素。

您必须打开新窗口并在那里仅加载图片。然后你触发窗口，在里面打印

如果你是这样做的，我会创建一个简单的页面来简化它

将其命名为printImage.html，并使用如下标记

<html>
<script>
function onload() {
       var url = window.location.search.substring(1)
       var img = document.getElementById('img')
       img.src = url
       window.print()
}

</script>
<body onload="onload()">
<img href="" id='img' />
</body>
</html>

然后只需将

print

类切换到要打印的元素。

如果只想打印相应的图像，有两种选择

单击按钮后，转到仅包含要打印的图像的其他页面，然后在那里运行

window.print（）

使用媒体查询制作打印样式表：

@media print

，并隐藏样式表中要打印的图像以外的所有内容

如果只想打印相应的图像，有两种选择

单击按钮后，转到仅包含要打印的图像的其他页面，然后在那里运行

window.print（）

使用媒体查询制作打印样式表：

@media print

，并隐藏样式表中要打印的图像以外的所有内容

“这对我有用吗”你试过了吗？另外，您在

$（…

）后面有一个

，可能会导致错误，请将其删除。我已经阅读了windows.print（）打印整个网页。。是的，

window.print（）

将弹出打印对话框，就像我单击打印按钮时按ctrl+phow只打印相应的图像一样。你能帮助发布解决方案作为答案“这对我有用吗”吗？你尝试过吗？另外，你在

$（…

后面有一个

，这会导致错误，请删除它。我已经阅读了windows.print（）打印整个网页。是，

window.print（）

将弹出打印对话框，就像我单击“打印”按钮时按ctrl+phow仅打印相应的图像一样？您能否帮助发布解决方案作为答案？如果我单击“打印”按钮，我是否可以在同一网页中实现这一点。它应该会触发打印机@kennypu提供的第二个选项是我唯一能想到的@anuu我真的不明白你的要求。如果我单击“打印”按钮，我可以在同一个网页上实现吗？它应该会触发打印机@kennypu提供的第二个选项是我唯一能想到的。@anuu我真的不明白你的要求。写一个css并链接到div？这是你说的吗打印样式表指南：我使用fu吗实现第一个的方法？？写一个css并链接到div？这是你说的吗？打印样式表有一个指南：我使用函数来实现第一个吗？？

@media print {
  * { display:none; }
  .print { display:block }
}