html页面打印+区域,实现web网页指定区域打印的三种方法

通过本教程可以实现，将印web网页指定区域的内容，本教程将提供三种方法实现。

方法一：打印网页指定区域

HTML

在需要打印的内容

// 页面上的内容大小调整可以css调整或容器包容打印容器内的内容就可以了

function doPrint() {

bdhtml=window.document.body.innerHTML;

sprnstr="";

eprnstr="";

prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);

prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));

window.document.body.innerHTML=prnhtml;

window.print();

window.document.body.innerHTML=bdhtml;

}

方法二：指定打印区域

把要打印的内容放入一个span或div，然后通过一个函数打印。

代码如下：这里是要打印的内容

所有内容

div2的内容

打印

function printme(){

document.body.innerHTML=document.getElementById('div1').innerHTML+'
'+document.getElementById('div2').innerHTML;

window.print();

}

方法三：使用CSS

定义一个.noprint的class，将不打印的内容放入这个class内。

代码如下：

.noprint{visibility:hidden}

这里是要打印的内容。

这里是不打印的内容。

html页面打印+区域,实现web网页指定区域打印的三种方法相关推荐

Xslt取节点集的指定位置记录的三种方法
如果我们在一个Xml中有N个子结点,我们希望取得其中的指定位置的节点,我们应该怎么做呢?我们有三种方法可以实现这个功能. Xml如下: <?xml version="1.0" ...
gcc 运行指定动态库的三种方法
** -rpath / -R**: 动态库指定的方式: 使用GCC编译动态链接库的项目时,在其他目录下执行很可以出现找不到动态链接库的问题. 这种情况多发生在动态链接库是自己开发的情况下,原因就是程序 ...
JavaScript程序基础（一）网页中引入Javascript的三种方法
JavaScript是一种基于对象的脚本编程语言,具有动态.跨平台.基于对象和安全等特性.它不需要经过编译,而是直接嵌入在HTML页面中运行,可把单纯的HTML页面转变成支持用户交互和事件响应的动态页 ...
将网页全屏显示的三种方法
1.最简单,最直接的方法,使用window.open()函数 var url = "http://www.baidu.com" ; window.open(url,'_blank' ...
html页面获取元素,JavaScript中获取HTML元素值的三种方法
JavaScript中取得元素的方法有三种:分别是: 1.getElementById() 方法:通过id取得HTML元素. 2.getElementsByName()方法:通过name取得元素,是一 ...
网页自动跳转的三种方法
1.js跳转在body标签中插入如下代码 <script language='javascript'>document.location = 'http://www.web1992.co ...
浏览器设置了打开会显示特定网页为什么还是显示2345_浏览器弹窗广告多？阻止网页弹出广告的三种方法...
现在的广告可以说是无处不在,无孔不入,我们在打开网页浏览时就会经常遇到些广告弹窗,每次都要去点击关闭,让人觉得非常不爽. 虽然大多第三方浏览器可以安装屏蔽弹窗广告的插件,但今天要给大家介绍下其他禁止网 ...
让网页图片变灰色的三种方法
我一直喜欢灰度图像因为我认为他们看起来更有艺术感.很多图片编辑如Photoshop很容易把你的彩色图像变成灰度.甚至有选择调整颜色深度和色调.不幸的是,这样的效果想做在网络上并不容易,因为浏览器有差异 ...
js 将图片置灰_让网页图片变灰色的三种方法
我一直喜欢灰度图像因为我认为他们看起来更有艺术感.很多图片编辑如Photoshop很容易把你的彩色图像变成灰度.甚至有选择调整颜色深度和色调.不幸的是,这样的效果想做在网络上并不容易,因为浏览器有差异 ...

html页面打印+区域,实现web网页指定区域打印的三种方法

html页面打印+区域,实现web网页指定区域打印的三种方法相关推荐

最新文章

热门文章