js实现局部打印及其打印预览

Posted TianGaojie123abc

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js实现局部打印及其打印预览相关的知识,希望对你有一定的参考价值。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="WebApplication2.Test" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" http://www.w3.org/1999/xhtml"> <head runat="server">     <title></title>     <script type="text/javascript" language="javascript">         function printdiv()             var newstr = document.getElementById("PrintContentDiv").innerHTML;   //获得需要打印的内容             // alert(newstr);             var oldstr = document.body.innerHTML;   //保存原先网页的代码             document.body.innerHTML = newstr; //将网页内容更改成需要打印             window.print();             document.body.innerHTML = oldstr;   //将网页还原             return false;        
        //打印页面预览         function printpreview()             var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>';             document.getElementById("divButton").style.display = "none";//隐藏打印及其打印预览页面             document.body.insertAdjacentHTML('beforeEnd', WebBrowser); //在body标签内加入html(WebBrowser activeX控件)             WebBrowser1.ExecWB(7, 1); //打印预览                      </script> </head> <body>     <form id="form1" runat="server">     <div id="PrintContentDiv">         序号总和:15<br />         年龄总和:109<br />         成绩总和:413<br />         序号年龄成绩总和112<br />         序号年龄成绩总和104<br />         序号年龄成绩总和93<br />         序号年龄成绩总和115<br />         序号年龄成绩总和113<br />         序号 姓名 年龄 学号 成绩<br />         1 田 23 XH001 88<br />         2 笑 22 XH002 80<br />         3 高 20 XH003 70<br />         4 汗 21 XH004 90<br />         5 敏 23 XH005 85<br />     </div>     <div id="divButton">         <input type="button" οnclick="printdiv()" value="打 印" /><br />         <input type="button" οnclick="printpreview()" value="打印预览" />     </div>     </form> </body> </html>

http://www.web508.com/readnews.asp?newsid=2616

以上是关于js实现局部打印及其打印预览的主要内容,如果未能解决你的问题,请参考以下文章

window.print()实现局部打印功能

vue实现转图片打印

JqueryPrint怎么设置可以直接先跳到打印预览的页面

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

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

JS 打印功能代码可实现打印预览打印设置等