Javascript打印网页部分内容的脚本


Posted in Javascript onNovember 17, 2008

正常情况下的打印是使用 window.print(); 直接整页打印,但如果需要打印网页中定义的部分内容,则可使用如下的方法:
1、在页面的代码头部处加入JavaScript:
JavaScript代码

<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>

2、在页面正文处加上<!--startprint-->与<!--endprint-->标识。
也就是在需要用户打印保存的正文所对应的html处附加上。同时,如果采用小偷程序获得远程数据并需打印,可将此等数据置于该定义标签之内即可。
3、截取内容部分已完成,现在加个“打印”的链接:
<a href="javascript:;" onClick="doPrint()">打印</a>
Javascript 相关文章推荐
基于jquery实现的表格分页实现代码
Jun 21 Javascript
js将iframe中控件的值传到主页面控件中的实现方法
Mar 11 Javascript
jQuery当鼠标悬停时放大图片的效果实例
Jul 03 Javascript
JS检测图片大小的实例
Aug 21 Javascript
jquery实现瀑布流效果分享
Mar 26 Javascript
js控制鼠标事件移动及移出效果显示
Oct 19 Javascript
JS显示表格内指定行html代码的方法
Mar 31 Javascript
AngularJS基础 ng-cut 指令介绍及简单示例
Aug 01 Javascript
基于node.js的fs核心模块读写文件操作(实例讲解)
Sep 10 Javascript
浅谈Vue CLI 3结合Lerna进行UI框架设计
Apr 14 Javascript
如何使用vue slot创建一个模态框的实例代码
May 24 Javascript
微信小程序的引导页实现代码
Jun 24 Javascript
js实现简单模态窗口,背景灰显
Nov 14 #Javascript
javascript 限制输入和粘贴(IE,firefox测试通过)
Nov 14 #Javascript
javascript 出生日期和身份证判断大全
Nov 13 #Javascript
Ajax,UTF-8还是GB2312 eval 还是execScript
Nov 13 #Javascript
刷新页面实现方式总结(HTML,ASP,JS)
Nov 13 #Javascript
火狐浏览器(firefox)下获得Event对象以及keyCode
Nov 13 #Javascript
javascript vvorld 在线加密破解方法
Nov 13 #Javascript
You might like
php 变量定义方法
2009/06/14 PHP
浅析linux下apache服务器的配置和管理
2013/08/10 PHP
将二维数组转为一维数组的2种方法
2014/05/26 PHP
php中print(),print_r(),echo()的区别详解
2014/12/01 PHP
PHP 绘制网站登录首页图片验证码
2016/04/12 PHP
JavaScript性能优化 创建文档碎片(document.createDocumentFragment)
2010/07/13 Javascript
caller和callee的区别介绍及演示结果
2013/03/10 Javascript
原生javascript实现简单的datagrid数据表格
2015/01/02 Javascript
微信小程序 wxapp视图容器 view详解
2016/10/31 Javascript
JS正则RegExp.test()使用注意事项(不具有重复性)
2016/12/28 Javascript
浅谈nodejs中的类定义和继承的套路
2017/07/26 NodeJs
Vue-Router进阶之滚动行为详解
2017/09/13 Javascript
vue组件编写之todolist组件实例详解
2018/01/22 Javascript
微信小程序开发之路由切换页面重定向问题
2018/09/18 Javascript
Vue.js轮播图走马灯代码实例(全)
2019/05/08 Javascript
详解如何探测小程序返回到webview页面
2019/05/14 Javascript
VUE.CLI4.0配置多页面入口的实现
2019/11/25 Javascript
JavaScript, select标签元素左右移动功能实现
2020/05/14 Javascript
[03:01]DOTA2英雄基础教程 露娜
2014/01/07 DOTA
通过代码实例展示Python中列表生成式的用法
2015/03/31 Python
python timestamp和datetime之间转换详解
2017/12/11 Python
python批量设置多个Excel文件页眉页脚的脚本
2018/03/14 Python
pandas使用get_dummies进行one-hot编码的方法
2018/07/10 Python
对python中类的继承与方法重写介绍
2019/01/20 Python
python中p-value的实现方式
2019/12/16 Python
Python开发入门——迭代的基本使用
2020/09/03 Python
45个非常奇妙的CSS3 特性应用示例
2012/01/01 HTML / CSS
纽约21世纪百货官网:Century 21
2016/08/27 全球购物
大学毕业生文采飞扬的自我鉴定
2013/12/03 职场文书
人资专员岗位职责
2014/04/04 职场文书
新闻编辑求职信
2014/07/13 职场文书
2014年药店店长工作总结
2014/11/17 职场文书
大学生求职简历自我评价
2015/03/02 职场文书
劳动仲裁代理词范文
2015/05/25 职场文书
学习社交礼仪心得体会
2016/01/22 职场文书
详解gantt甘特图可拖拽、编辑(vue、react都可用 highcharts)
2021/11/27 Vue.js