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

js实现局部打印及其打印预览 2022-07-30 964

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="WebApplication2.Test" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " "> <html xmlns=" "> <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>

免费搭建微信查券返利机器人来轻松赚佣金

文章来自:IT技术分享网
分享地址:http://www.5ityx.cn/cate100/78692.html

上一篇： .gitignore 文件不生效问题 & 解决方法

下一篇： .gitignore与.git/info/exclude区别

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

js实现局部打印及其打印预览 相关内容

聚合标签

js实现局部打印及其打印预览相关内容