`
wb284551926
  • 浏览: 539999 次
文章分类
社区版块
存档分类
最新评论

window.print打印指定div（转载）

 
阅读更多
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 newstr = document.all.item(printpage).innerHTML;
var oldstr = document.body.innerHTML;
document.body.innerHTML = headstr+newstr+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>
分享到：
| jquery实现提交后按钮变灰
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    window.print打印指定div实例代码

    window.print可以打印网页，但有时候我们只希望打印特定控件或内容，怎么办呢，请看下面的例子

    window.print打印指定div指定网页指定区域的方法

    主要介绍了window.print打印指定div指定网页指定区域的方法,需要的朋友可以参考下

    js window.print实现打印特定控件或内容

    window.print打印指定div 首先我们可以把要打印的内容放在div中，然后用下面的代码进行打印。 代码如下: &lt;html&gt; &lt;head&gt; [removed] function printdiv(printpage) { var headstr = “&lt;html&gt;&lt;...

    printDataGrid.js

    easyui快速打印datagrid内容，通过创建&lt;div&gt;容纳所需要的打印内容（需要打印的表格通过方法组装成字符串放入DIV中），然后调用window.print打印；具体步骤如下：1.html页面需要有专门的DIV用于输出Dialog 2.在html...

    利用javascript实现web页面中指定区域打印

    将需要打印的课程表的table放入div标签中，然后指定出需要打印的区域，最后调用window.print打印指定内容。 示例代码（代码中有些内容已省略） 代码如下:function preview() { bdhtml = window.document.body...

    JavaScript打印网页指定区域的例子

    使用window.open()在浏览器打开一个新的页面（window）, 使用 window.[removed]()将指定div区域的内容写入新窗口文档，document.close()关闭文档，使用window.print()调用打印机打印当前文档。 JavaScript打印函数...

    javascript函数的解释

    79.JS中的打印:window.print() 80.JS中的提示输入框:window.prompt("message","defaultReply"); 81.JS中的窗口滚动条:window.scroll(x,y) 82.JS中的窗口滚动到位置:window.scrollby 83.JS中设置时间间隔:setInterval...

    调用浏览器打印功能.zip

    &lt;!... , initial-scale=1.0"&gt; &lt;title&gt;Print ... window.print(); //恢复整个页面到打印前的内容。 $('body').html(selfhtml); } ps.onclick = function () { preview('cc'); } &lt;/html&gt;

    利用WebBrowser彻底解决Web打印问题（包括后台打印）

    4．打印页面的特定部分我是通过将需要打印的特定部分另建一个页面，然后装入主页面的一个IFrame中，再调用IFrame的打印方法，只打印IFrame中的内容实现的。如：...

    【JavaScript源代码】vue打印功能实现的两种方法总结.docx

    vue打印功能实现的两种... //注册　3，现在就可以使用了　&lt;div id="printTest" &gt;　明月照于山间&lt;/p&gt;　清风来于江上 &lt;/p&gt;　&lt;/div&gt;　&lt;button v-print="'#printTest'"&gt;打印&lt;/button&gt;　4.如需通过链接地址打印：window.loc

    107个常用javascript语句

    79.JS中的打印:window.print() 80.JS中的提示输入框:window.prompt("message","defaultReply"); 81.JS中的窗口滚动条:window.scroll(x,y) 82.JS中的窗口滚动到位置:window.scrollby 83.JS中设置时间间隔:setInterval...

    jsp页面如何实现web打印

    4．打印页面的特定部分 通过将需要打印的特定部分另建一个页面，然后装入主页面的一个IFrame中，再调用IFrame的打印方法，只打印IFrame中的内容实现的。 如： &lt;iframe visible" name="FrameId" width="100%" ...

    JS实现页面打印（整体、局部）

    现在就轻松实现了页面的打印，但是这种方式会将整个页面打印，如果想要实现指定区域的打印需要通过下面的设置 局部打印 首先，在html中，通过star和end来标记打印区域 这块内容不需要打印 &lt;!--startprint--&gt; ...

    js使用小技巧

    &lt;body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)"&gt; 无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7"); 统一编码/解码 alert...

    爬虫与正则

    for result in soup.select("div.colLM li"): urlIndex.append(result) for result2 in urlIndex: title= result2.span.text wangzhi=(result2.a)["href"] shijian=(result2.select(".atime"))[0].text print ...

    生意参谋-市场大盘，市场排行爬虫脚本，采用pyppeteer+PIL方式处理数值图片问题，人工登录，并将爬取结果保存为csv文件

    #await page.click('#content-container &gt; div.ebase-metaDecorator__root &gt; div &gt; div.ebase-FaCommonFilter__root &gt; div &gt; div &gt; div &gt; div &gt; div.ebase-FaCommonFilter__top &gt; div.ebase-FaCommonFilter__right ...

    Xpage学习笔记

    第一步：在xpage中插入&lt;div dojoType=”dijit.form.Button” id=”dojoBtn”&gt;&lt;/div&gt; 第二步：在xpage中插入&lt;xp:scriptBlock&gt;&lt;/xp:scriptBlock&gt; 第三步：编写客户端javascript &lt;div dojoType="dijit.form....

Magicbox
Global site tag (gtag.js) - Google Analytics