www.2527.com_澳门新葡8455手机版_新京葡娱乐场网址_
做最好的网站

print打字与印刷钦定div钦定网页钦定区域的措施,

2019-07-26 22:21 来源:未知

第一种方法:指定不打印区域 使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内。
细如下:

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

第一种方法:指定不打印区域 使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内。
细如下:

<style media=print type="text/css"> 
.noprint{visibility:hidden} 
</style>

要打印的内容。哈哈!

<p class="noprint">将不打印的代码放在这里。</p> 
<a href="javascript:window.print()" rel="external nofollow" target="_self">打印</a>

第二种方法:指定打印区域 把要打印的内容放入一个 span或div,然后通过一个函数打印。

把要打印的内容放这里 
<p>所有内容</p> 
<div id="div2">div2的内容</div> 
<a href="javascript:printme()" rel="external nofollow" target="_self">打印</a> 
<script language="javascript"> 
function printme() 
{ document.body.innerHTML=document.getElementByIdx_x_x('div1').innerHTML '<br/>' document.getElementByIdx_x_x('div2').innerHTML; 
window.print(); 
} 
</script>

如果要打印的只是整个页面中的一小部分,就最好采用第二种方法。

第三种方法:如果要打印的页面排版和原web页面相差很大,采用此种方法。点打印按钮弹出新窗口,把需要打印的内容显示到新窗口中,在新窗口中调用window.print()方法,然后自动关闭新窗口。
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>

web页面实现指定区域打印功能

使用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>

如果要打印的只是整个页面中的一小部分,就最好采用第二种方法。

第三种方法:如果要打印的页面排版和原web页面相差很大,采用此种方法。

点打印按钮弹出新窗口,把需要打印的内容显示到新窗口中,在新窗口中调用window.print()方法,然后自动关闭新窗口。

<style media=print type="text/css"> 
.noprint{visibility:hidden} 
</style>

网页设计----打印网页指定区域

Web前端,<script language=javascript>
function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
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;
}
</script>

<!--startprint-->在需要打印的内容<!--endprint-->

<input type="button" onClick="doPrint()" value="打印" />

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

要打印的内容。哈哈!

实现网页打印几种方法

第一种方法:如果要打印的页面排版和原web页面相差很大,采用此种方法。点打印按钮弹出新窗口,把需要打印的内容显示到新窗口中,在新窗口中调用window.print()方法,然后自动关闭新窗口。 指定打印区域把要打印的内容放入一个 span或div,然后通过一个函数打印。把要打印的内容放这里
所有内容div2的内容打印function printme(){document.body.innerhtml=document.getelementbyid('div1').innerhtml '' document.getelementbyid('div2').innerhtml;window.print();}方法二用css教程控制 引用:@media print.a {display:block}.b {display:hidden}把你不想打印的部分class设为b首先在网页中添加:引用: .noprint{visibility:hidden}要打印的内容。哈哈!将不打印的代码放在这里。打印方法三 用ie打印网页 internet explorer(简称ie)5.0以上版本强大的打印及打印预览功能。本文就向大家介绍如何用ie来打印网页。(谁?谁?谁在扔西红柿?下面一片嘘声:这还用得着你讲呀?!)咳咳咳,是的是的,在ie中打印网页实在是太简单不过了。只需点一下工具栏上“打印”按钮就可将当前网页打印出来 方法四xml/html代码打印引用:var hkey_root,hkey_path,hkey_keyhkey_root="hkey_current_user"hkey_path="softwaremicrosoftinternet explorerpagesetup"//设置网页打印的页眉页脚为空function pagesetup_null(){try{var regwsh = new activexobject("wscript.shell")hkey_key="header"regwsh.regwrite(hkey_root hkey_path hkey_key,"")hkey_key="footer"regwsh.regwrite(hkey_root hkey_path hkey_key,"")}catch(e){}}//设置网页打印的页眉页脚为默认值  

第一种方法:指定不打印区域 使用CSS,定义一个.noprint的class,将不打印的内容...

<p class="noprint">将不打印的代码放在这里。</p> 
<a href="javascript:window.print()" rel="external nofollow" target="_self">打印</a>

第二种方法:指定打印区域 把要打印的内容放入一个 span或div,然后通过一个函数打印。

把要打印的内容放这里 
<p>所有内容</p> 
<div id="div2">div2的内容</div> 
<a href="javascript:printme()" rel="external nofollow" target="_self">打印</a> 
<script language="javascript"> 
function printme() 
{ document.body.innerHTML=document.getElementByIdx_x_x('div1').innerHTML '<br/>' document.getElementByIdx_x_x('div2').innerHTML; 
window.print(); 
} 
</script>

如果要打印的只是整个页面中的一小部分,就最好采用第二种方法。

第三种方法:如果要打印的页面排版和原web页面相差很大,采用此种方法。点打印按钮弹出新窗口,把需要打印的内容显示到新窗口中,在新窗口中调用window.print()方法,然后自动关闭新窗口。
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>

您可能感兴趣的文章:

  • JavaScript打印网页指定区域的例子
  • js print打印网页指定区域内容的简单实例
TAG标签:
版权声明:本文由澳门新葡8455手机版发布于Web前端,转载请注明出处:print打字与印刷钦定div钦定网页钦定区域的措施,