狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

LOGO OA教程 ERP教程 模切知識(shí)交流 PMS教程 CRM教程 開(kāi)發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

【C#】利用WebBrowser、CSS、JS控制開(kāi)發(fā)HTML網(wǎng)頁(yè)文件的打印版

admin
2023年8月11日 18:17 本文熱度 1421

在項(xiàng)目中,有一個(gè)需求時(shí)是需要打印產(chǎn)品頁(yè)面。但是打印出來(lái)的版本和網(wǎng)頁(yè)上的版本不太一致,有些圖片不需要,網(wǎng)頁(yè)上以tab選項(xiàng)卡顯示的內(nèi)容,都需要在打印頁(yè)面中看到..等等。

CSS針對(duì)這種需求,引入了一個(gè)@media 規(guī)則,@media規(guī)則允許你根據(jù)不同的media指定不同的css style.  @media print 指的就是print version的css樣式:

@media screen   //screen的樣式

{

    p.bodyCss {}

}

 

@media print //print的樣式

{

   p.bodyCss {font-family: serif;}

}

 

@media screen, print

{

   p.bodyCss {font-size: 15pt}

}

在上面的例子中,對(duì)于p的bodyCss樣式, 頁(yè)面上(screen樣式)呈現(xiàn)的和打印出來(lái)的(print樣式)是不一樣的字體,但是字體大小是一樣的。

你也可以專門(mén)為打印print樣式,引用一個(gè)專門(mén)的外部樣式:

<link rel="stylesheet" type="text/css" media="print" href="css/printpage.css">

也可以使用在頁(yè)面中直接包含css的形式:

<style type="text/css" media="print">

       .noprint {display = none}

</style>


網(wǎng)頁(yè)上打印時(shí)不需要顯示的部分加上 class="noprint"

有時(shí),需要在打印的頁(yè)面上,顯示網(wǎng)頁(yè)上折疊隱藏的內(nèi)容,將內(nèi)容完整的展示在紙上: 

<style type="text/css" media="print">

        .print-show {display = block;}

 </style>

設(shè)置好需要打印內(nèi)容的css后,我們一般會(huì)在頁(yè)面上增加一個(gè)button,button上面的內(nèi)容為"Print this Page". 當(dāng)點(diǎn)擊這個(gè)button時(shí),會(huì)打印這個(gè)頁(yè)面。這個(gè)是通過(guò)javascript來(lái)實(shí)現(xiàn)的:

<script type="text/javascript">

   function printpage()

   {

       window.print();

   }

 </script>

有的時(shí)候,一個(gè)網(wǎng)頁(yè)內(nèi)容非常豐富, 有整個(gè)網(wǎng)站共享的layout,包括該網(wǎng)頁(yè)中的頭部,底部。而我們只需要打印這個(gè)網(wǎng)頁(yè)中間的內(nèi)容,這種時(shí)候我們可以通過(guò)Javascript來(lái)實(shí)現(xiàn)。

假定網(wǎng)頁(yè)中間的內(nèi)容,我們用一個(gè)div來(lái)包裹,這個(gè)div的Id為printDiv, 那么寫(xiě)一個(gè)Javascript函數(shù)如下:

<script type="text/javascript">

function printversion()

{

   document.body.innerHTML = document.getElementById("printDiv").innerHTML;

   window.print();

   history.go(0);

}

</script>


該文章在 2023/8/11 18:29:55 編輯過(guò)

全部評(píng)論1

admin
2023年8月11日 18:31
 在用c#實(shí)現(xiàn)打印功能時(shí),我們可以將內(nèi)容先轉(zhuǎn)化為網(wǎng)頁(yè)形式或者吧模板寫(xiě)成固定的html格式,然后進(jìn)行內(nèi)容填充。

在打印過(guò)程中,我們可以用到的函數(shù):

//轉(zhuǎn)到某個(gè)網(wǎng)址
webBrowser.Navigate("");
//直接打印
 webBrowser.Print();
 //預(yù)覽
 webBrowser.ShowPrintPreviewDialog();
 //打印
 webBrowser.ShowPrintDialog();

該評(píng)論在 2023/8/11 18:31:51 編輯過(guò)
關(guān)鍵字查詢
相關(guān)文章
正在查詢...
點(diǎn)晴ERP是一款針對(duì)中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國(guó)內(nèi)大量中小企業(yè)的青睞。
點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對(duì)港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場(chǎng)、車(chē)隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理,結(jié)合碼頭的業(yè)務(wù)特點(diǎn),圍繞調(diào)度、堆場(chǎng)作業(yè)而開(kāi)發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體,是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。
點(diǎn)晴WMS倉(cāng)儲(chǔ)管理系統(tǒng)提供了貨物產(chǎn)品管理,銷(xiāo)售管理,采購(gòu)管理,倉(cāng)儲(chǔ)管理,倉(cāng)庫(kù)管理,保質(zhì)期管理,貨位管理,庫(kù)位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號(hào)管理軟件。
點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi),不限功能、不限時(shí)間、不限用戶的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。
Copyright 2010-2025 ClickSun All Rights Reserved