js或jquery实现页面打印可局部打印
【摘要】
js或jquery实现页面打印(局部打印)
1、js实现（可实现局部打印）
代码如下:
<html><title>js打印</title><head></head><body><input id="btnPrint" type="bu...
代码如下:
-
<html>
-
<title>js打印</title>
-
<head></head><body>
-
<input id="btnPrint" type="button" value="打印" οnclick="javascript:window.print();" />
-
-
<input id="btnPrint" type="button" value="打印预览" οnclick=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>
代码如下:
-
<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 οnclick=javascript:printit() type=button value=打印 name=button_print />
-
<INPUT οnclick=javascript:printsetup(); type=button value=打印页面设置 name=button_setup />
-
<INPUT οnclick=javascript:printpreview(); type=button value=打印预览 name=button_show />
-
一按开始的减肥了卡时间段
-
</DIV>
-
</BODY>
-
</HTML>
代码如下:
-
<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>
文章来源: markwcm.blog.csdn.net，作者：黄啊码，版权归原作者所有，如需转载，请联系作者。
原文链接：markwcm.blog.csdn.net/article/details/48209659
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）