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

最新推荐文章于 2018-09-07 14:05:00 发布

weixin_30920853

最新推荐文章于 2018-09-07 14:05:00 发布

阅读量71

点赞数

原文链接：http://www.cnblogs.com/camilla/p/7593088.html

版权

1、js实现（可实现局部打印）
代码如下:

<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=;//设置打印开始区域
eprnstr=;//设置打印结束区域
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>
要打印的内容
</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 ο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>

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>

转载于:https://www.cnblogs.com/camilla/p/7593088.html

weixin_30920853

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js或jquery实现页面打印可局部打印

1、js实现（可实现局部打印）代码如下:<html><title>js打印</title><head></head><body><input id=btnprint type=button value=打印 onclick=javascript:window.print(); /><input id=btnp...
复制链接

扫一扫