html頁面的web打印示例
javascript
Html代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> java
<html xmlns="http://www.w3.org/1999/xhtml" > web
<head> app
<title>無標題頁</title> post
<script id=Script1 language=javascript> orm
<!-- server
function preview() xml
{ htm
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
alert(prnhtml);
prnhtmlprnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
}
-->
</script>
</head>
<body>
<form id="WebForm1" method="post" runat="server">
黑色頭髮不被打印位置 一
<center>本部分以上不被打印</center>
<!--startprint-->
<div align="center">
黑色頭髮要打印位置 二
</div>
<!--endprint-->
<center>本部分如下不被打印</center>
黑色頭髮不被打印位置 三
<div align="center">
<input type="button" name="print" value="預覽並打印" onclick="preview()">
</div>
<style> @media Print { .Noprn { DISPLAY: none }}
</style>
<p class="Noprn">不打印</p>
<table id="datagrid">
<tr>
<td>普通打印</td>
</tr>
</table>
<input class="Noprn" type="button" onclick="window.print()" value="print">
</form>
</body>
</html>
不帶母版的aspx頁面打印
Html代碼
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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" >
<script id=Script1 language=javascript>
<!--
function preview()
{
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
alert(prnhtml);
prnhtmlprnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
}
-->
</script>
<head runat="server">
<title>無標題頁</title>
</head>
<body>
<form id="form1" runat="server">
黑色頭髮不被打印位置 一
<center>本部分以上不被打印</center>
<!--startprint-->
黑色頭髮要打印位置 二
<!--endprint-->
<center>本部分如下不被打印</center>
黑色頭髮不被打印位置 三
<div align="center">
<input type="button" name="print" value="預覽並打印" onclick="preview()">
</div>
<style> @media Print { .Noprn { DISPLAY: none }}
</style>
<p class="Noprn">不打印</p>
<table id="datagrid">
<tr>
<td>打印</td>
</tr>
</table>
<input class="Noprn" type="button" onclick="window.print()" value="print">
<input type="button" name="print" value="預覽並打印" onclick="preview()">
</body>
</html>
帶母版的aspx頁面打印
要把js代碼寫在js文件裏再調用,不然顯示不正常
preview.js
Js代碼
// JScript 文件
<!--
function preview()
{
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
alert("prnhtml:"+prnhtml);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
}
-->
aspx文件
<%@ Page Language="C#" MasterPageFile="~/public/MenuIndexContainerHeader.master" AutoEventWireup="true" CodeFile="CFJDS.aspx.cs" Inherits="private_dzjc_DYSZ_CFJDS" Title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<script language="JavaScript" type="text/javascript" src="../../js/Move.js"></script>
<script language="JavaScript" type="text/javascript" src="../../js/preview.js"></script>
黑色頭髮不被打印位置 一
<!--startprint-->
黑色頭髮要打印位置 二
<!--endprint-->
黑色頭髮不被打印位置 三
<input type="button" name="print" value="預覽並打印" onclick="preview()">
</asp:Content>