代码之家 › 专栏 › 技术社区 › FosterZ

如何用C夏普打印网页的特定区域

asp.net

FosterZ · 技术社区 · 14 年前

嘿,伙计们,我正在建一个网页

包含一些文档数据的标签,因此我要打印特定数据,而不是整个页面,即横幅、文本框等…因为我知道window.print()函数打印整个页面,但是如何打印页面中的特定区域。

3 回复 | 直到 10 年前

Guffa 14 年前

不能打印页面的特定区域,但可以在打印时隐藏页面的其余部分。创建一个隐藏不想打印的元素的CSS:

@media print {
  .someelement, .otherelement, .morelement { display: none; }
}

Michael Shimmins 14 年前

您可以使用打印样式表,它设置 display 属性设置为除要打印的内容以外的所有内容 none .

您可以使用 media 属性。

CSS:

#header 
{
    background-color: #ccc;
    font-size: 2em;
    height: 4em;
    clear: both;
}

CSS:

#header
{
    display: none;
}

YouPaG.ASPX:

<head>
    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />  
    <link rel="stylesheet" href="print.css" type="text/css" media="print" />
</head>
<body>
    <div id="header">My Site!</div>
    <div id="content">
      Only print me
    </div>
</body>

Gaurav123 10 年前

这就是我们如何打印网页的特定部分。

它还包括如何在打印输出页中实现CSS和JavaScript。

另外,对于多个部分的页面,您可以应用“<br>”标记,如我在下面实现的那样。

<script type="text/javascript">
function printCommission() {
    // For logo html (part 1 for print out)
    var prtContent = document.getElementById("logo");

    // This is the div I was required to include in print out (part 2 for print out)    
    var prtContent1 = document.getElementById("dashboardbody1");

    var WinPrint = window.open('', '', 'letf=0,top=0,width=800,height=900,toolbar=0,scrollbars=0,status=0');

    // To apply css  
    WinPrint.document.write("<style> .commission td, .commission th {border-color: #CCCCCC;padding: 4px;}  .commission th {background-color: #106C9B;border-color: #CCCCCC;color: #FFFFFF;} .commission { border-collapse: collapse; color: #000000; text-align: center; } .commission td.td-noborder { border: 1px solid #FFFFFF;} .bg-grey {    background: none repeat scroll 0 0 #CCCCCC;} .bold {    font-weight: bold !important;}</style>");

    WinPrint.document.write(prtContent.innerHTML + "<br><br>" + prtContent1.innerHTML);

    // to apply javascript (I used it to hide buttons) 
    WinPrint.document.write("<script type='text/javascript'>" + " window.onload=function(){ document.getElementById('downloadReport').style.display='none'; document.getElementById('printout').style.display='none'; document.getElementById('imgCommission').style.display='none';}; <" + "/" + "script>");

    WinPrint.document.close();
    WinPrint.focus();
    WinPrint.print();
    WinPrint.close();
    return false;

}

推荐文章

Community wiki · 为什么使用DirectoryEntry对LDAP进行身份验证会间歇性地抛出COMException(0x8007203A):“服务器不可操作”?

1 年前

PixelScribe · 实体框架EDMX未更新ASP.NET web应用程序中的连接字符串

1 年前

Hua Deng · page_load中的调用方法导致adapter.fill()上出现StackOverflowException,但在其他地方调用时没有问题

1 年前

WingiM · REST API-如何实现具有相同名称但可接受参数类型不同的多个方法

1 年前

Community wiki · 基于两个参数在文本框中使用上下文键自动完成?

1 年前

NAM3L3SSRJ · 如何在C语言中创建一个方法或函数,在超市销售时减少数据库中的库存

2 年前

Javad A salehi · C#如何解析“MyValue”的动态值

2 年前

AlÄ±yev Rufet · 无法构造某些服务(验证服务描述符的服务类型时出错:Restaurant.Data.IAppRepository

2 年前

Geoff · 从Microsoft Identify Platform获取访问令牌

2 年前

Haim Ohayon · 这些链接之间有什么区别?

2 年前