web页面打印

标签：

我在使用的两种方式打印：

第一种：js如下

function doPrint() {
allhtml = window.document.body.innerHTML;
starstr = "<!--startprint-->";
endstr = "<!--endprint-->";
printhtml = allhtml.substr(allhtml.indexOf(starstr) + 17);
printhtml = printhtml.substring(0, printhtml.indexOf(endstr));
window.document.body.innerHTML = printhtml;
window.document.body.innerHTML = printhtml + "<div style=‘width:100%;text-align:center‘><Button ID=‘ibBack‘ class=‘btnback‘ style=‘top:5px;text-align:center‘ onclick=‘refush()‘/></div>";
window.print();
}
$(document).ready(function() {
$("#print").click(function() {
$("#DivContainer").jqprint();
})
});

   HTML如下：

<asp:Button ID="Button2" runat="server" CssClass="btndy" ToolTip="打印" OnClientClick="JqPrint();" />

<!--startprint-->

这里是要打印的内容

<!--endprint-->

第二种方式是采用jqprint

首先应用两个js如下：

<script src="../Js/Jprint/jquery.jqprint.js" type="text/javascript"></script>

<script src="../Js/lhgdialog/jquery-1.7.1.min.js" type="text/javascript"></script>

然后js

$(document).ready(function() {
$("#print").click(function() {
$("#DivContainer").jqprint();
})
});

HTML如下：

<input id="print" type="button" class="btndy" name="打印" />

 <asp:Panel ID="DivContainer" runat="server" Style="width: 100%; height: 400px;">

这里是要打印的内容。。

 </asp:Panel>

web页面打印

标签：

原文地址：http://www.cnblogs.com/vakeynb/p/4813272.html