window.print()打印网页局部内容

用window.print()打印网页局部内容

今天客户让添加个打印证照功能，直接用window.print()打印的是整个页面，而用以下方法就可以只打印证明了

<!--window.print打印指定div
window.print可以打印网页，但有时候我们只希望打印特定控件或内容，怎么办呢？
首先我们可以把要打印的内容放在div中，然后用下面的代码进行打印。
-->
<html>
<head>
<script language="javascript">
function printdiv(printpage)
{
var headstr = "<html><head><title></title></head><body>";
var footstr = "</body>";
var printData = document.getElementById("dvData").innerHTML; 获得 div 里的所有 html 数据
var oldstr = document.body.innerHTML;
document.body.innerHTML = headstr+printData+footstr;
window.print();
document.body.innerHTML = oldstr;
return false;
}
</script>
<title>div print</title>
</head>
<body>
//HTML Page
//Other content you wouldn't like to print
<input name="b_print" type="button" class="ipt" onClick="printdiv('div_print');" value=" Print ">
<div id="div_print">
<h1 style="Color:Red">The Div content which you want to print</h1>
</div>
//Other content you wouldn't like to print
//Other content you wouldn't like to print
</body>
</html>

同理：

用 JavaScript 实现页面数据的打印：主要是用到了一个 print() 函数，该函数将会打印整个 web 页面 body 内的所有 html 数据 ! 使用方法为 window.print(); 打印页面上局部的数据，则可以用

//把数据嵌套在一个 div 里，获得 div

var printData = document.getElementById("dvData").innerHTML; 获得 div 里的所有 html 数据

window.document.body.innerHTML = printData; //把 html 里的数据复制给 body 的 html 数据，相当于重置了整个页面的内容
window.print(); // 开始打印

window.print()打印网页局部内容相关推荐

window.print()打印网页中指定内容
<!DOCTYPE html> <html><head><meta charset=" utf-8"><meta name=& ...
window.print()打印网页中指定内容的实现方法
一般直接使用window.print();是直接打印了整个页面,但只打印其中的一部分时就需要一些方法了 1.在页面的代码头部处加入JavaScript: <script language=jav ...
window.print()打印指定页面内容
在做开发中,我们可能会遇到实现打印的功能,下面给出HTML DOM print() 方法 bdhtml=window.document.body.innerHTML;//获取当前页的html代码 sp ...
使用window.print()打印局部页面，ifrme打印ie报错
问题: 使用window.print();打印页面,将不需要的数据隐藏,将需要的数据显示,打印完成之后将刚才隐藏的数据还原,显示的数据隐藏, 谷歌浏览器.部分ie能一气呵成, 火狐浏览器以及少数ie ...
关于window.print打印分页功能
平常window.print分页一般打印时用到page-break-after:always; 打印的样式设置在 <style type="text/css" media=& ...
page-break-after:always；解决window.print打印断页问题——已解决
今天用户提出一个关于window.print()打印的问题: 如下图所示:在打印断页的部分,会出现数据打印不全的情况.打印预览与实际打印的情况还有有所区别. 注意一点:如果想要实现window.pri ...
window.print打印部分无法显示
1.window.print单选框无法显示 $("body").attr("style","-webkit-print-color-adjust: e ...
js的window.print()打印背景图片，打印背景图片无法显示
js的window.print()打印背景图片题目描述 js的window,print()打印背景图片给body加了图片地址之后,非要设置浏览器打印选项里面设置背景图形打印才行,怎么通过js去设置默 ...
js window.print() 打印图片,图片有时候不显示
window.print() 打印网络资源图片不显示解决方法等待网络资源图片加载完成后,在打印 $(doc).find('.qrcode-down').load(function () {ifra ...

window.print()打印网页局部内容

window.print()打印网页局部内容相关推荐

最新文章

热门文章