项目场景：

打印网页上，某一部分或几部分的内容。

解决方案：

第一步，引入jS脚步。

<script language="javascript">function preview(oper){if (oper < 10){bdhtml=window.document.body.innerHTML;//获取当前页的html代码sprnstr="<!--startprint"+oper+"-->";//设置打印开始区域eprnstr="<!--endprint"+oper+"-->";//设置打印结束区域prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取htmlprnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取htmlwindow.document.body.innerHTML=prnhtml;window.print();window.document.body.innerHTML=bdhtml;} else {window.print();}}</script>

如何让HTML页面支持部分内容打印相关推荐

js打印页面指定区域内容
2种方式: 一种只支持IE浏览器另一种支持各类浏览器 <html xmlns="http://www.w3.org/1999/xhtml"> <head> ...
HTML页面动态内容打印（文字、图片等）
由于开发框架使用jsp,所以本文以jsp做示例,其他框架遵循框架语法即可,底层都是通过调用浏览器组件打印html 思路: 需要触发打印的页面添加打印按钮(当然这是废话,从这里开个头吧),和一个ifra ...
web前段学习day_01:HTML（学习如何搭建页面结构和内容）：文本标签、列表标签、图片标签、超链接、表格、表单表单、分区标签、实体引用
学习如何构造页面结构和内容安装HBuilderX 一.HTML 创建第一个HTML页面写完html后如何测试写在body中的常见标签有哪些? 注释快捷键 Ctrl+Shift+/ 1.文本相关标 ...
CSS3之利用选择器和content属性在页面中插入内容
CSS3之使用选择器在页面中插入内容 1. 使用选择器来插入内容:例, h2:before{ content:'COLUMN'; color:white: background-color:o ...
藏青色在html页面怎么写,Html页面支持暗黑模式的实现
自19年开始,Android和IOS平台,都开始玩暗黑模式.当然这没什么不好,但是当我们的页面被用户在暗黑模式打开之后,会被那传统大白色瞬间闪瞎双眼. 下面会简单的说一下如何让页面支持暗黑模式. 准备 ...
为什么自己编写的页面总是在那里抖动_SEO排名，为什么旧页面比新内容排名高？...
在SEO日常工作中,我们经常遇到这样一种现象,那就是旧的页面排名总是比新的页面排名要好.这为SEO人员的工作带来了诸多挑战,而实际上它是由于多种因素产生的,不能一概而论之. https://www.b ...
Druid 配置及内置监控，Web页面查看监控内容【我改】
转: Druid 配置及内置监控,Web页面查看监控内容 1.配置Druid的内置监控首先在Maven项目的pom.xml中引入包 1 2 3 4 5 <dependency> ...
python爬取所有页url_Python 如何爬取相同url下，多个页面的链接内容
据说,python是方便抓取网页数据.今天让我们试试.它有多方便的对于python来抓取数据.介绍抓取数据,基本上得到这个网页的源代码通过网页的URL,并过滤出所需的信息根据源代码.准备IDE: py ...
js一键批量打印_web页面的单页打印以及批量打印实现方法
本文主要和大家分享web页面的单页打印以及批量打印实现方法,希望能帮助到大家. 打印事件:window.print() 1.单页打印(布局打印):function printCnt(){ //1.获取 ...

如何让HTML页面支持部分内容打印

项目场景：

解决方案：

如何让HTML页面支持部分内容打印相关推荐

最新文章

热门文章