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

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

asp.net

FosterZ · 技术社区 · 14 年前

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

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

3 回复 | 直到 11 年前

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 11 年前

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

它还包括如何在打印输出页中实现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;

}

推荐文章

Alireza Noori · 全局配置用于本地化的MudDontext验证消息?

5 月前

user1946932 · .Net正则表达式在所有字符前添加空格

7 月前

thedisplayedName · “当前上下文中不存在名称”TextBox“在一些教程中出现错误

7 月前

TSDrake · 发布ASP。没有特定文件夹的.NET应用程序

7 月前

Hiroco · 传递到ViewDataDictionary的模型项的类型为“x”,但此ViewDataDictionary实例需要类型为“y”的模型项

11 月前

Vengat Ramanan · 用户登录Asp时隐藏导航和页脚。网络核心

11 月前

Maxim Rudolovskii · 在ASP.NET中,有没有从查询字符串中获取复杂对象的方法。网8?

12 月前

ramamoorthy_villi · 输入验证错误外键字段

1 年前

Enderbyte09 · ASP。NET Core绝对拒绝在其他端口上托管

1 年前

SoundWaves · 通过IP从asp.net Web表单使用ESC/P打印到Brother P-Touch

1 年前