编程 Javascript

js或jquery实现页面打印可局部打印

Posted in Javascript onMarch 27, 2014

js或jquery实现页面打印(局部打印)

1、js实现（可实现局部打印）

<html> 
<title>js打印</title> 
<head></head><body> 
<input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" /> <input id="btnPrint" type="button" value="打印预览" onclick=preview(1) /> 
<style type="text/css" media=print> 
.noprint{display : none } 
</style> 

<p class="noprint">不需要打印的地方</p> 
<script> 
function preview(oper) 
{ 
if (oper < 10) 
{ 
bdhtml=window.document.body.innerHTML;//获取当前页的html代码 
sprnstr="<!--startprint"+oper+"-->";//设置打印开始区域 
eprnstr="<!--endprint"+oper+"-->";//设置打印结束区域 
prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html 
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html 
window.document.body.innerHTML=prnhtml; 
window.print(); 
window.document.body.innerHTML=bdhtml; 
} else { 
window.print(); 
} 
} 
</script> 
<p>XXXXX</p> 
<!--startprint1-->要打印的内容<!--endprint1--> 
</body> 
</html>

2、调用windows底层打印，报安全警告，不建议使用（不支持局部打印）

<HTML> 
<HEAD> 
<TITLE>javascript打印-打印页面设置-打印预览代码</TITLE> 
<META http-equiv=Content-Type content="text/html; charset=gb2312" /> 
<SCRIPT language=javascript> 
function printsetup(){ 

// 打印页面设置 

wb.execwb(8,1); 

} 

function printpreview(){ 

// 打印页面预览 


 

wb.execwb(7,1); 

　 


 

} 

function printit() 

{ 

if (confirm('确定打印吗？')) { 

wb.execwb(6,6); 

} 

} 

</SCRIPT> 
</HEAD> 
<BODY> 
<DIV align=center> 
<OBJECT id=wb height=0 width=0 
classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb></OBJECT> 
<INPUT onclick=javascript:printit() type=button value=打印 name=button_print /> 
<INPUT onclick=javascript:printsetup(); type=button value=打印页面设置 name=button_setup /> 
<INPUT onclick=javascript:printpreview(); type=button value=打印预览 name=button_show /> 
一按开始的减肥了卡时间段 
</DIV> 
</BODY> 
</HTML>

3、jQuery实现（支持局部打印）

<html> 
<head> 
<script type="text/javascript" src="jquery-1.6.4.js"></script> 
<script> 
$(function(){ 
$("input#biuuu_button").click(function(){ 
$("div#myPrintArea").printArea(); 
}); 
</script> 
</head> 
<body> 
<input id="biuuu_button" type="button" value="打印"></input> 
<div id="myPrintArea">.....文本打印部分.....</div> <div class="quote_title">引用</div><div class="quote_div"></div> 
</body> 
</html>

js或jquery实现页面打印可局部打印

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

通过javascript把图片转化为字符画

Oct 24 Javascript

java和javascript获取word文档的书签位置对比

Jun 19 Javascript

javascript实现微信分享

Dec 23 Javascript

JS实现黑色大气的二级导航菜单效果

Sep 18 Javascript

鼠标悬停小图标显示大图标

Jan 22 Javascript

javascript实现计时器的简单方法

Feb 21 Javascript

批量下载对路网图片并生成html的实现方法

Jun 07 Javascript

浅谈javascript运算符——条件,逗号,赋值,()和void运算符

Jul 15 Javascript

适用于手机端的jQuery图片滑块动画

Dec 09 Javascript

JavaScript防止全局变量污染的方法总结

Aug 02 Javascript

浅谈vue单页面中有多个echarts图表时的公用代码写法

Jul 19 Javascript

vue+openlayers绘制省市边界线

Dec 24 Vue.js

window.location.href IE下跳转失效的解决方法

Mar 27 #Javascript

jquery无法设置checkbox选中即没有变成选中状态

Mar 27 #Javascript

JS字符串拼接在ie中都报错的解决方法

Mar 27 #Javascript

IE下双击checkbox反应延迟问题的解决方法

Mar 27 #Javascript

jquery实现的随机多彩tag标签随机颜色和字号大小效果

Mar 27 #Javascript

jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动

Mar 27 #Javascript

js无刷新操作table的行和列

Mar 27 #Javascript