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();
}

   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();

//注意:如果触发打印的按钮不用input buttom 使用imagebuttom 等服务器控件,这里需要添加下面一行

//return false;
})
});

 

 

HTML如下: 

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

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

 

这里是要打印的内容。。

 </asp:Panel>

 

posted @ 2015-09-16 14:32  疯狂的多多  阅读(266)  评论(0编辑  收藏  举报