[自用]js 打印网页中指定的部分内容和范围
打印网页中定义的部分内容的实现方法
正常情况下的打印是使用 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>
<scriptlanguage=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" />
<scripttype="text/javascript">
<!--
//自动在打印之前执行
window.onbeforeprint = function(){
$("#test").hide();
}
//自动在打印之后执行
window.οnafterprint= function(){
$("#test").show();
}
//-->
</script>
<body >
<divid="test">这段文字不会被打印出来</div>
<input type="button"οnclick="window.print();" value="打印本页" />
<DIV>
打印区域内容
</DIV>
</body>
</html>
转载出自点击打开链接
[自用]js 打印网页中指定的部分内容和范围相关推荐
- 如何打印网页中的某部分内容
一般情况下打印是使用 window.print();函数直接打印整页,但如果需要打印网页中定义的部分内容,则可使用如下的方法,具体方法如下: 1.在页面的代码头部处加入JavaScript: < ...
- window.print()打印网页中指定内容
<!DOCTYPE html> <html><head><meta charset=" utf-8"><meta name=& ...
- window.print()打印网页中指定内容的实现方法
一般直接使用window.print();是直接打印了整个页面,但只打印其中的一部分时就需要一些方法了 1.在页面的代码头部处加入JavaScript: <script language=jav ...
- js替换字符串某个字符,js修改字符串中指定字符
平时用到elementui时,经常遇到多级树形结构,但是后端往往给前端反的每一级字段不一致,如果写个遍历循环将其改为一致麻烦的,不如直接将后台发的数组转为字符串,再将字符串中不一致的字段替换成一致的即 ...
- 使用 pdf.js 在网页中加载 pdf 文件
在网页中加载并显示PDF文件是最常见的业务需求.例如以下应用场景:(1)在电商网站上购物之后,下载电子发票之前先预览发票.(2)电子政务管理系统中查看发布的公文,公文文件一般是PDF格式的文件. 目前 ...
- Ifvisible.js – 判断网页中的用户是闲置还是活动状态
ifvisible.js 是一个跨浏览器.轻量级的方式,用户检查用户在浏览页面或正在与它进行交互.它可以处理活动状态,如在页面上空闲或活跃.您还可以使用 ifvisible.js 智能设置您的间隔,如 ...
- js删除数组中指定对象
js删除数组中指定对象 需求说明 从数组中移除指定对象函数封装 `removeArray` 从数组中获取指定对象索引函数封装 `getArrayIndex ` 在`Vue`中调用函数使用 需求说明 点 ...
- JS 去除Object中指定的key
JS 去除Object中指定的key const omit = (obj, arr) =>Object.keys(obj).filter((k) => !arr.includes(k)). ...
- js删除网页中图片width 和 height
js删除网页中图片width 和 height 一段代码轻松搞定 适用于: 电脑端网页带图片属性导致移动网页显示错位/错误 备注: 需搭配jquery.min.js (注!jquery-2.0以上版本 ...
最新文章
- U3D的Collider
- 机器学习项目失败的9个原因
- python 文字语音朗读-python 利用pyttsx3文字转语音过程详解
- Android 设置view透明度,广告标题透明背景
- mysql数据库容量和性能_新品速递丨容量盘性能提升超 300%,数据库支持 MySQL 8.0...
- java项目怎么导出成jar_如何在eclipse将程序导出成jar文件
- C++:类的构造函数
- JStorm—实时流式计算框架入门介绍
- 问题-[WIN8.132位系统]安装Win8.1 遇到无法升级.NET Framework 3.5.1
- android版 点击下载,自动点击器最新版
- linux实现访问自动挂载
- AppLoader的使用
- vtd和vt的区别_英语中v,vi,vt有什么区别
- 物联卡无信号无服务器,物联卡没信号无服务怎么办
- [emacs]man mode
- Source Insight前进和后退(返回上一步)快捷键
- 过年表情包 || 一个月后就能用啦
- windows10电脑在哪配置DNS
- 电信光纤无线路由器(光猫)的设置方法
- 从零构建一个riscv64 ubuntu-20发行版系统
热门文章
- 微软iscsi服务器,HOWTO: 基于 Windows Server iSCSI 服务创建 RAM Disk
- 春节后开工上班焦虑怎么办?如何快速进入工作状态?
- 不同物理机与虚拟机之间的通信
- ArcGIS实验教程——实验四十四:ArcGIS地图浮雕效果制作完整案例教程
- 编程中的上下文的含义
- 只需要一点点C++基础,新手也可以制作单机游戏内存修改器
- 基于ijkplayer 0.8.8编译的完整so. libijkffmpeg.so等,支持ssl h265, rm, rmvb
- 测试用例设计的八大要素及ANSI/IEEE 829标准和编写示例
- Linux elementary-ubuntu 使用笔记
- 阿里云开通3306端口的坑