window.print打印指定div指定网页指定区域的方法

首页

web前端

js教程

window.print打印指定div指定网页指定区域的方法_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:40 PM

printwindow打印

第一种方法：指定不打印区域
使用CSS，定义一个.noprint的class，将不打印的内容放入这个class内。
细如下：

<style media=print type="text/css"> 
.noprint{visibility:hidden} 
</style>

要打印的内容。哈哈！

<p class="noprint">将不打印的代码放在这里。</p> 
<a href="javascript:window.print()" rel="external nofollow" target="_self">打印</a>

第二种方法：指定打印区域
把要打印的内容放入一个 span或div，然后通过一个函数打印。

<span id='div1'>把要打印的内容放这里</span> 
<p>所有内容</p> 
<div id="div2">div2的内容</div> 
<a href="javascript:printme()" rel="external nofollow" target="_self">打印</a> 
<script language="javascript"> 
function printme() 
{ document.body.innerHTML=document.getElementByIdx_x_x('div1').innerHTML+'<br/>'+document.getElementByIdx_x_x('div2').innerHTML; 
window.print(); 
} 
</script>

如果要打印的只是整个页面中的一小部分，就最好采用第二种方法。

第三种方法：如果要打印的页面排版和原web页面相差很大，采用此种方法。点打印按钮弹出新窗口，把需要打印的内容显示到新窗口中，在新窗口中调用window.print()方法，然后自动关闭新窗口。
window.print可以打印网页，但有时候我们只希望打印特定控件或内容，怎么办呢？

首先我们可以把要打印的内容放在div中，然后用下面的代码进行打印。

<html> 
<head> 
<script language="javascript"> 
function printdiv(printpage) 
{ 
var headstr = "<html><head><title></title></head><body>"; 
var footstr = "</body>"; 
var newstr = document.all.item(printpage).innerHTML; 
var oldstr = document.body.innerHTML; 
document.body.innerHTML = headstr+newstr+footstr; 
window.print(); 
document.body.innerHTML = oldstr; 
return false; 
} 
</script> 
<title>div print</title> 
</head> 

<body> 
//HTML Page 
//Other content you wouldn't like to print 
<input name="b_print" type="button" class="ipt" onClick="printdiv('div_print');" value=" Print "> 

<div id="div_print"> 

<h1 id="The-Div-content-which-you-want-to-print">The Div content which you want to print</h1> 

</div> 
//Other content you wouldn't like to print 
//Other content you wouldn't like to print 
</body>
</html>

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

php怎么实现Web页面的打印功能Mar 24, 2023 pm 04:11 PM

PHP 打印功能实现的步骤和技巧在 Web 开发的过程中，打印功能是相当重要的一种需求。相信大家都遇到过需要从网页中打印出某些内容的情况，比如收据、报告、合同等。本文将介绍如何使用 PHP 实现 Web 页面的打印功能。

在C语言中编写一个程序来打印实心和空心菱形图案Aug 29, 2023 am 09:33 AM

程序说明打印如下所示的实心和空心菱形图案算法对于空心菱形-AccepttheNumberofRowsforHollowRhombusfromtheUserCreateaHollowRhombuscontainingthesamenumberofRowsspecifiedbytheUser.Printthefirstrowcontainingthenumberofstarssameasthenumberofrows.Printthesecondrowcontainingthefirstandlas

ppt打印出来显示不全怎么解决Jul 06, 2023 pm 02:05 PM

ppt打印出来显示不全解决方法：1、检查页面设置，确保页面大小与打印纸张大小相匹配；2、调整缩放比例，尝试不同的缩放比例，直到能在打印预览中看到完整的幻灯片内容；3、调整文字框大小，选中文字框，然后拖动边框以调整大小，以确保文字能够完整显示在打印页面上；4、优化图片分辨率，使用图像编辑软件将图片的分辨率调整为适合打印的大小；5、打印预览，用打印预览来检查PPT内容是否完整显示。

传真和打印有区别吗Nov 06, 2022 am 10:59 AM

传真和打印是有区别的，其区别有：1、传真是将文件通过传真机从一方传到较远地方的另一方，而打印是只在电脑上将文件或者材料打印出来；2、打印机种类繁多，主要功能就是打印，而传真机主要的核心功能是发送和接收；3、打印机只能从计算机上发送他们想要的文件，而两台打印机不能相互传输数据，而传真机是在电话的基础上增加数据传输功能，两台传真机可以相互发送文件，无需计算机也可以接收文件。

PHP表单处理：表单数据导出与打印Aug 09, 2023 pm 03:48 PM

PHP表单处理：表单数据导出与打印在网站开发中，表单是不可或缺的一部分。当网站上的表单被用户填写并提交后，开发者需要对这些表单数据进行处理。本文将介绍如何使用PHP处理表单数据，并演示如何将数据导出为Excel文件和打印出来。一、表单提交与基本处理首先，需要创建一个HTML表单，供用户填写并提交数据。假设我们有一个简单的反馈表单，包含姓名、邮箱和评论。HTM

在C语言中编写一个程序，打印出N个五角数的序列Aug 25, 2023 pm 02:25 PM

程序说明五维体数是帕斯卡三角形的任意一行中第五个数字，从左到右或从右到左开始，起始于5项行14641。这种数字的前几个是1,5,15,35,70,126,210,330,495,715,1001,1365Pentatopenumbersbelongintheclassoffiguratenumbers,whichcanberepresentedasregular,discretegeometricpatterns.Theformulaforthenthpentatopicnumberis$$\l

在C语言中编写一个打印镜像空心平行四边形的程序Aug 30, 2023 pm 06:29 PM

程序描述这是一个四边形，其中两对对边是平行的。有六个重要的平行四边形属性需要了解对边相等(AB=DC)。对角线相等(D=B)。相邻角互补(A+D=180°)。如果一个角是直角，则所有角都是直角。平行四边形的对角线互相平分。平行四边形的每条对角线将其分成两个相等的部分。算法从用户那里接受行数和列数。将其存储在rows和cols变量中。为了迭代行，运行一个外部循环，循环结构应该是for(r=1;r

如何在应用程序防护中启用或禁用打印Apr 16, 2023 pm 01:55 PM

除了WindowsDefender和适用于Windows11的第三方防病毒工具之外，还有更多方法可以保护您的系统。MicrosoftDefenderApplicationGuard是Windows的功能之一，可以帮助您阻止病毒和恶意软件。尽管此功能在大多数用户的PC中非常受欢迎，但有些人可能会发现它受到限制，因为它可能会限制某些功能，例如打印。无论如何，在本文中，我们将根据您的需要向您展示如何启用或禁用它。什么是MicrosoftDefenderApplicationGuardMana

See all articles