打印网页指定区域
2012-09-22 15:41
489 查看
第一种方法:指定不打印区域
使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内。
详细如下:
<style media=print type="text/css">
.noprint{visibility:hidden}
</style>
要打印的内容。哈哈!
<p class="noprint">将不打印的代码放在这里。</p>
<a href="javascrīpt:window.print()" target="_self">打印</a>
第二种方法:指定打印区域
把要打印的内容放入一个 span或div,然后通过一个函数打印。
<span id='div1'>把要打印的内容放这里</span>
<p>所有内容</p>
<div id="div2">div2的内容</div>
<a href="javascrīpt:printme()" target="_self">打印</a>
<scrīpt language="javascrīpt">
function printme()
{
document.body.innerHTML=document.getElementById('div1').innerHTML+'<br/>'+document.getElementById('div2').innerHTML;
window.print();
}
</scrīpt>
如果要打印的只是整个页面中的一小部分,就最好采用第二种方法。
使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内。
详细如下:
<style media=print type="text/css">
.noprint{visibility:hidden}
</style>
要打印的内容。哈哈!
<p class="noprint">将不打印的代码放在这里。</p>
<a href="javascrīpt:window.print()" target="_self">打印</a>
第二种方法:指定打印区域
把要打印的内容放入一个 span或div,然后通过一个函数打印。
<span id='div1'>把要打印的内容放这里</span>
<p>所有内容</p>
<div id="div2">div2的内容</div>
<a href="javascrīpt:printme()" target="_self">打印</a>
<scrīpt language="javascrīpt">
function printme()
{
document.body.innerHTML=document.getElementById('div1').innerHTML+'<br/>'+document.getElementById('div2').innerHTML;
window.print();
}
</scrīpt>
如果要打印的只是整个页面中的一小部分,就最好采用第二种方法。
相关文章推荐
- 用window.print()函数打印网页指定区域的内容
- 用window.print()函数打印网页指定区域的内容
- 用window.print()函数打印网页指定区域的内容
- Jquery 插件PrintArea 打印指定的网页区域
- 用window.print()函数打印网页指定区域的内容
- js print打印网页指定区域内容
- 用window.print()函数打印网页指定区域的内容
- jQuery控制网页打印指定区域的方法
- 用window.print()函数打印网页指定区域的内容
- window.print打印指定div指定网页指定区域的方法
- window.print打印指定div指定网页指定区域的方法
- JavaScript打印网页指定区域的例子
- 使用JavaScript打印网页指定DIV区域
- js print打印网页指定区域内容的简单实例
- [转]使用JavaScript打印网页指定DIV区域
- window.print打印指定div-打印网页指定区域
- window.print的使用(含打印网页指定区域)
- js print打印网页指定区域内容的简单实例
- web打印网页指定区域
- js网页打印指定区域内容