.net 頁面指定區(qū)域打印的方法
更新時間:2013年04月16日 17:19:29 作者:
.net 頁面指定區(qū)域打印的方法,需要的朋友可以參考一下
使用CSS,定義一個.noprint的class,將不打印的內(nèi)容放入這個class內(nèi)。
詳細(xì)如下:
<style media=print type="text/css">
.noprint{visibility:hidden}
</style>
要打印的內(nèi)容。哈哈!
<p class="noprint">將不打印的代碼放在這里。</p>
<a href="javascrīpt:window.print()" target="_self">打印</a>
第二種方法:指定打印區(qū)域
把要打印的內(nèi)容放入一個 span或div,然后通過一個函數(shù)打印。
<span id='div1'>把要打印的內(nèi)容放這里</span>
<p>所有內(nèi)容</p>
<div id="div2">div2的內(nèi)容</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頁面相差很大,采用此種方法。
點打印按鈕彈出新窗口,把需要打印的內(nèi)容顯示到新窗口中,在新窗口中調(diào)用window.print()方法,然后自動關(guān)閉新窗口。
詳細(xì)如下:
復(fù)制代碼 代碼如下:
<style media=print type="text/css">
.noprint{visibility:hidden}
</style>
要打印的內(nèi)容。哈哈!
<p class="noprint">將不打印的代碼放在這里。</p>
<a href="javascrīpt:window.print()" target="_self">打印</a>
第二種方法:指定打印區(qū)域
把要打印的內(nèi)容放入一個 span或div,然后通過一個函數(shù)打印。
復(fù)制代碼 代碼如下:
<span id='div1'>把要打印的內(nèi)容放這里</span>
<p>所有內(nèi)容</p>
<div id="div2">div2的內(nèi)容</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頁面相差很大,采用此種方法。
點打印按鈕彈出新窗口,把需要打印的內(nèi)容顯示到新窗口中,在新窗口中調(diào)用window.print()方法,然后自動關(guān)閉新窗口。
相關(guān)文章
AspNetCore&MassTransit?Courier實現(xiàn)分布式事務(wù)的詳細(xì)過程
MassTransit?Courier是一種用于創(chuàng)建和執(zhí)行帶有故障補(bǔ)償?shù)姆植际绞聞?wù)的機(jī)制,它可以用于滿足本地事務(wù)的需求,也可以在分布式系統(tǒng)中實現(xiàn)分布式事務(wù),這篇文章主要介紹了AspNetCore&MassTransit?Courier實現(xiàn)分布式事務(wù),需要的朋友可以參考下2022-10-10
asp.net mvc webapi 實用的接口加密方法示例
本篇文章主要介紹了asp.net mvc webapi 實用的接口加密方法示例,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-10-10
asp.net core MVC 過濾器之ActionFilter過濾器(2)
這篇文章主要為大家詳細(xì)介紹了asp.net core MVC過濾器之ActionFilter過濾器,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-08-08
.Net Core + Nginx實現(xiàn)項目負(fù)載均衡的全步驟
這篇文章主要給大家介紹了關(guān)于.Net Core + Nginx實現(xiàn)項目負(fù)載均衡的相關(guān)資料,文中通過示例代碼以及圖文介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07

