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

 更新时间:2008年11月17日 16:44:08   作者:  
有时候我们只需要打印部分内容,因为现在的页面中广告和一些相关内容很多,所有用下面的方法,就可以了
正常情况下的打印是使用 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>

相关文章

  • 详解JS中常用的Fetch API

    详解JS中常用的Fetch API

    Fetch API是一种用于进行网络请求的现代JavaScript API,提供了更简洁、强大和灵活的方式来处理异步数据交互,本文主要为大家介绍了js中js中基本用法,感兴趣的同学可以参考下
    2023-07-07
  • JS实现深拷贝的几种方法介绍

    JS实现深拷贝的几种方法介绍

    这篇文章介绍了JS实现深拷贝的几种方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-06-06
  • JavaScript关于提高网站性能的几点建议(一)

    JavaScript关于提高网站性能的几点建议(一)

    这篇文章主要介绍了JavaScript关于提高网站性能的几点建议(一)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • javascript 贪吃蛇实现代码

    javascript 贪吃蛇实现代码

    最近在学Javascript,花了半个月的时间终于把《Javascript权威指南》(推荐此书,入门级) 扫完。 在学习的过程中发现使用JS实现动态效果挺有趣的。
    2008-11-11
  • JavaScript将对象数组按字母顺序排序的方法详解

    JavaScript将对象数组按字母顺序排序的方法详解

    这篇文章主要介绍了JavaScript如何将对象数组按字母顺序排序,本文介绍了三种解决方案,if条件语句 + sort(),localeCompare() + sort(),Collator() + sort(),有感兴趣的同学可以跟着小编一起来看看
    2023-07-07
  • 浅谈JavaScript中数组的增删改查

    浅谈JavaScript中数组的增删改查

    下面小编就为大家带来一篇浅谈JavaScript中数组的增删改查。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • Javascript代码混淆综合解决方案-Javascript在线混淆器

    Javascript代码混淆综合解决方案-Javascript在线混淆器

    Javascript代码混淆综合解决方案-Javascript在线混淆器...
    2006-12-12
  • Javascript中的apply()方法浅析

    Javascript中的apply()方法浅析

    这篇文章主要介绍了Javascript中的apply()方法浅析,本文讲解了apply vs call、Javascript apply 方法等内容,需要的朋友可以参考下
    2015-03-03
  • 微信小程序之数据缓存的实例详解

    微信小程序之数据缓存的实例详解

    这篇文章主要介绍了微信小程序之数据缓存的实例详解的相关资料,希望通过本文能帮助到大家,让大家掌握这部分内容,需要的朋友可以参考下
    2017-09-09
  • JavaScript中new关键字的使用详解

    JavaScript中new关键字的使用详解

    在 JavaScript 中,new 关键字不仅是面向对象编程的关键要素,还是创建实例的重要手段,本文将深入探讨 new 关键字的使用,理解它在对象创建和构造函数调用中的作用,需要的朋友可以参考下
    2023-11-11

最新评论