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>

时间: 2024-10-31 03:20:29

js或jquery实现页面打印可局部打印的相关文章

js原生 + jQuery实现页面滚动字幕

js原生/jQuery实现页面滚动字幕效果 17:45:49 在新闻列表或者文章列表信息等页面中很容易要求实现字幕滚动的效果,以下为简单的实现页面中滚动字幕的效果 1.jQuery实现页面滚动字幕效果 代码如下: <div class="box"> <ul class="list"> <li>这是滚动加载的第1条数据</li> <li>你猜猜这是第几条滚动加载的文字</li> <li>

[转载]js 和 jquery 获取页面和滚动条的高度 视口高度文档高度

转载自:http://www.cnblogs.com/rainbow661314/p/3317106.html js 和 jquery 获取页面和滚动条的高度 //页面位置及窗口大小 function GetPageSize() { var scrW, scrH; if(window.innerHeight && window.scrollMaxY) {    // Mozilla scrW = window.innerWidth + window.scrollMaxX; scrH = w

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

1.js实现(可实现局部打印) 复制代码代码如下: <html> <title>js打印</title> <head></head><body> <input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" /> <input id=&

js及jquery获取页面和元素的宽高

js: 网页可见区域宽: document.body.clientWidth;(不含滚动条) 网页可见区域高: document.body.clientHeight;(不含滚动条) 网页可见区域宽: document.body.offsetWidth;(包括边线的宽); 网页可见区域高: document.body.offsetHeight;(包括边线的宽); 网页正文全文宽: document.body.scrollWidth; 网页正文全文高: document.body.scrollHei

网页打印(局部打印)

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="

js利用window.print实现局部打印方法

一.局部打印,打印单独的一部分内容 方法:为要打印的内容设置单独的id名,新开窗口并打印. 举例如下: 1.html <div id="pulPrint"> 我是要打印的内容 </div> <div class="btn btn-primary print-btn">打印</div> 2.js $(".print-btn").on("click",function(){ prin

js实现页面的局部打印

以前用的 $("#print_div_contractnumber4").jqprint(); 现在不知为何不能用了 只能用下面的方法实现局部打印了 //打印div function printDIV(){            bdhtml = window.document.body.innerHTML;            sprnstr = "<!--startprint-->";                eprnstr = "

jquery刷新页面 页面跳转 js常用函数

jquery刷新页面 局部刷新: 这个方法就多了去了,常见的有以下几种: $.get方法,$.post方法,$.getJson方法,$.ajax方法如下 前两种使用方法基本上一样 $.get(”Default.php”, {id:”1″, page: “2″ }, function(data){ //这里是回调方法.返回data数据.这里想怎么处理就怎么处理了. }); $.getScript方法: $.getScript(”http://jqueryajax.com/jquery.js”, f

jquery 网页局部打印总结

最近开发过程中遇到了js局部打印的功能,在网上找相关的资料,最终找到了juery.jqprint-0.3.js 和jquery.PrintArea.js两种. 最初使用的是jquery.jqprint-0.3.js,是在弹窗的情况下使用,即使出现滚动条也依然能够把所有内容成功打印出来.但是如果在当前页面div中出现滚动条(div内容过多,出现垂直滚动条)的话,则内容打印不全.所以最终选择的的是jquery.PrintArea.js.这是我现在发现的最明显的区别. 这两个都是打印指定div内的显示