前端图片打印

最新推荐文章于 2025-07-17 09:11:09 发布

原创最新推荐文章于 2025-07-17 09:11:09 发布 · 4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端打印图片 #js打印图片 #前端打印

小知识积累专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用JavaScript和jQuery实现网页内容打印的方法。通过将指定元素的内容复制到新的浏览器窗口并调用打印功能，可以轻松完成网页打印任务。文中提供了两种实现方式：纯JavaScript版本和jQuery版本。

</div>

<a href="javascript:;" class="print" onclick="print()">dayin</a>

js:

function print() {
var printHtml=document.getElementById('usePrint').innerHTML,
      newWindow=window.open("",'newWindow');
newWindow.document.body.innerHTML = printHtml;
newWindow.print();
}

jquery:

$('.print').on('click',function(){
var printHtml=$('.usePrint').html(),
newWindow = window.open("",'newwindow');
newWindow.document.body.innerHTML = printHtml;
newWindow.print();
})