倾情奉献：如何在打印时选择内容进行打印

chinesun 2003-08-20 05:01:59

往往在打印网页时，执行window.print会把网页的所有内容全部打印，而有一大部分比如网页头部的图片、尾部的版权声明、按钮等，并没有必要打印出来，打印出来浪费时间又浪费油墨。如何把这些内容进行有选择的打印让你的打印文本更简洁明了，更省时美观呢？以下就对这个问题写一个JS文本，供有缘人参考。
_____________________________________________________
<script language="javascript">
function DtPrint() {
if (window.print) {
var p_1 = document.all.p_1.innerHTML;
var p_2 = document.all.p_2.innerHTML;
//**************
//这里根据你要打印的哪些内容，从原显示页面中用
//<div id=P_1>p_1....</div><div id=P_2>p_2...</div>等标示,要打印多少项目就用多少下
//提示一下，自己体会:),此处我只写出两个出来:D
//**************
var css = '<style type="text/css">' +
'p { line-height: 120%}' +
'.ftitle { line-height: 120%; font-size: 18px; color: #000000}' +
'td { font-size: 10px; color: #000000}' +
'</style>' ;
//**************
//这里是定义打印用的CSS，可以根据你自己的设定去写适合你的格式哦
//本文只定义三个，p,.ftitle,td，其余自己写。越美观越好。
//**************
var body ='<table width="640" border="0" cellspacing="0" cellpadding="5">' +
' <tr> ' +
' <td class="fbody"> ' +
' <div align="center" class=ftitle>' + p_title + '</div>' + p_2 +
' </td>' +
' </tr>' +
'</table>';
//**************
//body这才是你重新设置的打印格式，根据你的打印要求，重新把原显示网页的DIV内容重新
//组合，可以根据你原来的表格内容，去掉不要打印的东东，只调用你要打印的内容
//另外：根据经验，表格大小为640左右正好是适合A4打印幅面！哈！
//**************
document.body.innerHTML = '<center>' + css + body + '</center>';
//**************
//然后在这里把document.body重新设一下，这就是打印文档！（有加CSS格式了）
//**************
window.print();
//**************
//一定要调用window.print()哦，否则，打印无效……说了那么多就成废话了:'(
//**************
}
}
</SCRIPT>

//在页面中，然后通过：dtPrint()调用，就行了
//比如：
//<input type="button" value="打印" LANGUAGE="javascript" onclick="return dtPrint()" ID="Button2" NAME="Button1">
//噢！注意这个可以不用<div></div>标示哦，即使标示，也不用在以上打印文本中调用出来，那样这个Button就不会打印出来了哦，嘿嘿！

_______________________________
　　看明白了没？看明白了一定给我一个反应哦。。。不然我花这么多时间来解释这个钻研多日的格式化打印技术，白忙了：D
　　这个文档对您有帮助吗？如果有一点点的提示，请给我回贴哦，回贴就是对我劳动的肯定哦！谢谢！

...全文

88 19 打赏收藏转发到动态举报

写回复

用AI写文章

19 条回复

切换为时间正序

请发表友善的回复…

发表回复

LoveCreatesBeauty 2003-12-24

打赏
举报

学习

kmbbo 2003-12-16

打赏
举报

to:q_mei(q_mei
我怎么连不上呢

qmei 2003-10-24

打赏
举报

http://219.236.24.17:8080/webprint/index.html有打印组件

luok 2003-09-03

打赏
举报

chinesun (石上) :

<style>
@media print {
.noprint {display:none}
}
</style>
<button class="noprint"> 不要 Print</button>

在任何不要打印的元素上加 class="noprint",它就不会被打印. 一点不会破坏显示页面

其打印版面会存在空位===>也不会的.

chinesun 2003-08-22

打赏
举报

to luok(罗开) :

您的写法用CSS来处理，是不错的，不过有的套嵌的表格中有的线要打，有的线不要打就不好处理了。

当然，你这种办法是很快捷的，很简单，但其打印版面会存在空位，无法实际真正定位打印。

本文的问题解决的是显示的是一种界面，而打印的是另一种版面，如显示时，可以显示大量的图片、版权信息、相关链接等，而这些信息没必要打印出来，这样就可以采用本文的做法。

您采用的是CSS的Class做法，不打印的内容统一用一个class来界定，显得版面单一，而您若采用多种不打印class来体现，那做法不是比本文的做法更复杂、花更多时间去处理CSS之上吗？

方法可以多样化，条条道路通罗马，并不能说哪一种是唯一有效的方法哦。

flyshp 2003-08-22

打赏
举报

^_^

网路资源无限大家共同分享 up

mayafree 2003-08-22

打赏
举报

to wanghuixue(辉):
去掉页眉页脚的办法：
一、最省事，也是最笨的，最直接的是点击ie浏览器的文件菜单，选中页面设置，将页眉页脚下面的文本框清空，即将&w&b页码，&p/&P，&u&b&d都删掉
它们的作用分别是：
窗口标题 &w
网页地址 (URL) &u
短日期格式（由“控制面板”中的“区域设置”指定） &d
长日期格式（由“控制面板”中的“区域设置”指定） &D
当前页码 &p
总页数 &P
文本右对齐（后跟 &b） &b
文字居中（&b&b 之间） &b&b
单个 & 号 (&)
二、在要打印的页面里用代码控制：
<OBJECT id=factory style="DISPLAY: none"
codeBase=http://www.meadroid.com/scriptx/ScriptX.cab#Version=5,60,0,360
classid=clsid:1663ed61-23eb-11d2-b92f-008048fdd814 viewastext></OBJECT>
<SCRIPT defer>
function println() {
factory.printing.header = ""
factory.printing.footer = ""
factory.printing.Print(true)
factory.printing.leftMargin = 0.2
factory.printing.topMargin = 0.5
factory.printing.rightMargin = 0.2
factory.printing.bottomMargin = 1.5
window.print();
}
</SCRIPT>
<input onClick="this.style.visibility='hidden';println();return false" type="button" value="打印" class="button">

wjcking 2003-08-22