网页打印(部分内容打印)
2007-11-12 00:57
351 查看
网页打印(部分内容打印)
2007-11-12 15:43 阅读170 评论0
我们做的页面需打印怎么办?简单地直接用javascript调用window.print()就ok!当然想打印更好看一点就CSS罗。但我现在想说的是只打印一部分,如我们的网页想统一风格,每页都有头、导航和脚等东西,这些我不想打印,只想把内容区域中的一张表格打印出来,怎么办?
一、HTML代码,注意那两行注释:
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<!--startprint-->
<asp:GridView ID="GridView1" runat="server" Width="157px" EnableViewState="False">
</asp:GridView>
<!--endprint-->
<br/>
<div style="width:100%; text-align:center;">
<input type="button" value="打印表格" onclick="PrintView();" />
</div>
</asp:Content>
二、Javascript:
function PrintView(){
var bdhtml=window.document.body.innerHTML;
//alert(bdhtml.length);//4619
var sprnstart="<!--startprint-->";
var sprnend="<!--endprint-->";
//alert(bdhtml.indexOf(sprnstart)+17);//582
var sprnhtml=bdhtml.substring(bdhtml.indexOf(sprnstart)+17,bdhtml.length);
//alert(sprnhtml.indexOf(sprnend));//3246
sprnhtml=sprnhtml.substring(0,sprnhtml.indexOf(sprnend));
window.document.body.innerHTML=sprnhtml;
window.print();
/*开新窗口打印尚未实现
var printwin=window.open("print.html");
printwin.document.body.innerHTML=sprnhtml;
printwin.print();
*/
}
三、OK
2007-11-12 15:43 阅读170 评论0
我们做的页面需打印怎么办?简单地直接用javascript调用window.print()就ok!当然想打印更好看一点就CSS罗。但我现在想说的是只打印一部分,如我们的网页想统一风格,每页都有头、导航和脚等东西,这些我不想打印,只想把内容区域中的一张表格打印出来,怎么办?
一、HTML代码,注意那两行注释:
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<!--startprint-->
<asp:GridView ID="GridView1" runat="server" Width="157px" EnableViewState="False">
</asp:GridView>
<!--endprint-->
<br/>
<div style="width:100%; text-align:center;">
<input type="button" value="打印表格" onclick="PrintView();" />
</div>
</asp:Content>
二、Javascript:
function PrintView(){
var bdhtml=window.document.body.innerHTML;
//alert(bdhtml.length);//4619
var sprnstart="<!--startprint-->";
var sprnend="<!--endprint-->";
//alert(bdhtml.indexOf(sprnstart)+17);//582
var sprnhtml=bdhtml.substring(bdhtml.indexOf(sprnstart)+17,bdhtml.length);
//alert(sprnhtml.indexOf(sprnend));//3246
sprnhtml=sprnhtml.substring(0,sprnhtml.indexOf(sprnend));
window.document.body.innerHTML=sprnhtml;
window.print();
/*开新窗口打印尚未实现
var printwin=window.open("print.html");
printwin.document.body.innerHTML=sprnhtml;
printwin.print();
*/
}
三、OK
相关文章推荐
- 网页打印(部分内容打印)
- 打印网页中定义的部分内容
- js打印网页部分内容
- 网页内容截取部分打印
- Javascript实现打印网页中定义的部分内容
- [自用门户]js 打印网页中指定的部分内容和范围
- 打印网页中定义的部分内容
- js打印网页中的部分内容
- Javascript打印网页部分内容
- Javascript打印网页部分内容的脚本
- Javascript实现打印网页中定义的部分内容
- js php打印网页中指定的部分内容和范围
- avascript打印网页中定义的部分内容
- js 实现打印网页中定义的部分内容的代码
- Javascript打印网页部分内容的脚本
- js 实现打印网页中定义的部分内容的代码
- 网页中部分内容打印
- 使用javascript对网页的部分内容进行打印
- 使用javascript对网页的部分内容进行打印
- Print Friendly:让 Chrome 移除不需要打印的网页内容的扩展