js實現區域性列印及其列印預覽
阿新 • • 發佈：2019-01-24
<%@
Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="WebApplication2.Test" %>
<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" onclick="printdiv()" value="打 印" /><br />
<input type="button" onclick="printpreview()" value="列印預覽" />
</div>
</form>
</body>
</html>