页面中打印指定的内容
来源:互联网 发布:淘宝特价商城 编辑:程序博客网 时间:2024/04/30 08:17
打印网页中定义的部分内容的实现方法
正常情况下的打印是使用 window.print(); 直接整页打印,但如果需要打印网页中定义的部分内容,则可使用如下的方法:
1、在页面的代码头部处加入JavaScript:
function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->"; //开始打印标识字符串有17个字符
eprnstr="<!--endprint-->"; //结束打印标识字符串
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); //从开始打印标识之后的内容
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); //截取开始标识和结束标识之间的内容
window.document.body.innerHTML=prnhtml; //把需要打印的指定内容赋给body.innerHTML
window.print(); //调用浏览器的打印功能打印指定区域
window.document.body.innerHTML=bdhtml; // 最后还原页面
}
</script>
2、在页面正文处加上<!--startprint-->与<!--endprint-->标识。
也就是在需要用户打印保存的正文所对应的html处附加上。同时,如果采用小偷程序获得远程数据并需打印,可将此等数据置于该定义标签之内即可。
3、截取内容部分已完成,现在加个“打印”的链接:
<a href="javascript:;" onClick="doPrint()">打印</a>
<script language=javascript>
function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
}
</script>
要打印的内容在<!--startprint-->startprint与endprint之间的区域<!--endprint-->里。
<a href="javascript:;" onClick="doPrint()">打印</a>
本贴来自天极网群乐社区--http://q.yesky.com/group/review-17575085.html
第二种做法:
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
<!--
//自动在打印之前执行
window.onbeforeprint = function(){
$("#test").hide();
}
//自动在打印之后执行
window.onafterprint = function(){
$("#test").show();
}
//-->
</script>
<b
正常情况下的打印是使用 window.print(); 直接整页打印,但如果需要打印网页中定义的部分内容,则可使用如下的方法:
1、在页面的代码头部处加入JavaScript:
function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->"; //开始打印标识字符串有17个字符
eprnstr="<!--endprint-->"; //结束打印标识字符串
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); //从开始打印标识之后的内容
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); //截取开始标识和结束标识之间的内容
window.document.body.innerHTML=prnhtml; //把需要打印的指定内容赋给body.innerHTML
window.print(); //调用浏览器的打印功能打印指定区域
window.document.body.innerHTML=bdhtml; // 最后还原页面
}
</script>
2、在页面正文处加上<!--startprint-->与<!--endprint-->标识。
也就是在需要用户打印保存的正文所对应的html处附加上。同时,如果采用小偷程序获得远程数据并需打印,可将此等数据置于该定义标签之内即可。
3、截取内容部分已完成,现在加个“打印”的链接:
<a href="javascript:;" onClick="doPrint()">打印</a>
<script language=javascript>
function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
}
</script>
要打印的内容在<!--startprint-->startprint与endprint之间的区域<!--endprint-->里。
<a href="javascript:;" onClick="doPrint()">打印</a>
本贴来自天极网群乐社区--http://q.yesky.com/group/review-17575085.html
第二种做法:
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
<!--
//自动在打印之前执行
window.onbeforeprint = function(){
$("#test").hide();
}
//自动在打印之后执行
window.onafterprint = function(){
$("#test").show();
}
//-->
</script>
<b
0 0
- 页面中打印指定的内容
- 指定页面内容的打印
- JavaScript打印页面的指定内容
- jquery 打印页面指定内容
- Js打印页面指定内容
- js打印页面指定内容
- 关于WEB页面打印的整理(支持页面指定内容的打印)
- JS简单方法打印页面指定内容
- js打印页面指定区域内容
- 打印指定区域的内容
- vue项目中-打印页面中部分区域的内容
- 打印web页面,让指定区域里的内容不会分页显示。
- 在EXCEL中打印指定页面
- javascript 打印指定区域的内容
- 打印网站指定节点内的内容
- javascript实现打印指定区域的内容
- web工程中打印页面表格中的内容及忽略其它标签的内容的方式
- web 打印指定内容
- CVPR 2017-02-06
- 几个context上下文
- Spring事务管理
- Timer(参考matlab help):
- 如何查看jdk的版本是32位还是64位
- 页面中打印指定的内容
- leetcode-Hamming Distance
- Lucene初探之如何创建索引
- Android BroadcastReceiver(广播接收器)基础
- 跟小博老师一起学Servlet ——初识Servlet
- ELK安装和配置,简单演示监控tomcat日志记录
- Windows无法完成请求的更改
- List中ArrayList,LinkedList,Vector的区别
- Lucene初探之如何创建索引