欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript+CSS控制打印格式示例介紹

 更新時(shí)間：2014年01月07日 17:42:22   作者：  
用media="print"的css來控制要打印的文件，media為print的樣式，表示打印時(shí)該樣式才起作用，下面為大家詳細(xì)介紹下，感興趣的朋友不要錯(cuò)過
1. 用media="print"的css來控制要打印的文件testPrint.html中引用media為print的樣式，表示打印時(shí)該樣式才起作用
復(fù)制代碼 代碼如下:

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

/style/print.css文件
復(fù)制代碼 代碼如下:

.noprint{display:none;}

在testPrint.html中使用print.css中的樣式，在網(wǎng)頁瀏覽的時(shí)候是看不出效果的，但是打印的時(shí)候會起作用，如下面這一段，加上noprint之后，在瀏覽器中仍然是現(xiàn)實(shí)的，但是打印的時(shí)候不顯示：
復(fù)制代碼 代碼如下:

<div class="noprint">
<input type="button" onclick="window.print();" value="打印本頁" />
</div>

當(dāng)然print.css里面的樣式你可以隨便寫，改顏色?。ú噬膱D像在黑白打印機(jī)下效果不好，可以用另一種樣式打印），字體什么的都可以，隨便發(fā)揮-----------------------------------------------------------------

2. 用JavaScript來控制

因?yàn)檫@樣那樣的原因，可能有的人css不太熟練，有的人JavaScript比較牛x，有時(shí)候JavaScript也是不錯(cuò)的選擇
復(fù)制代碼 代碼如下:

<script type="text/javascript">
<!--
//自動在打印之前執(zhí)行
window.onbeforeprint = function(){
$("#test").hide();
}

//自動在打印之后執(zhí)行
window.onafterprint = function(){
$("#test").show();
}
//-->
</script>


<div id="test">這段文字不會被打印出來</div>

打印之前，會調(diào)用window.onbeforeprint函數(shù)，這時(shí)你可以隨意發(fā)揮，用你的聰明才智給html重新構(gòu)造一邊，然后打印。當(dāng)然打印之后一般還要弄回來，就是window.onafterprint函數(shù)了

---------------------------------------------------------------

小技巧：注意一點(diǎn)，打印我們都知道是window.print()，其實(shí)也可以打印框架的，如window.top.centerFrame.MainFrame.print();

相關(guān)文章

最新評論