麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 21:17:48
字體:
來源:轉載
供稿:網友
1. 用media="print"的css來控制要打印的文件testPrint.html中引用media為print的樣式,表示打印時該樣式才起作用
復制代碼 代碼如下:

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

/style/print.css文件
復制代碼 代碼如下:

.noprint{display:none;}

在testPrint.html中使用print.css中的樣式,在網頁瀏覽的時候是看不出效果的,但是打印的時候會起作用,如下面這一段,加上noprint之后,在瀏覽器中仍然是現實的,但是打印的時候不顯示:
復制代碼 代碼如下:

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

當然print.css里面的樣式你可以隨便寫,改顏色啊(彩色的圖像在黑白打印機下效果不好,可以用另一種樣式打印),字體什么的都可以,隨便發揮-----------------------------------------------------------------

2. 用JavaScript來控制

因為這樣那樣的原因,可能有的人css不太熟練,有的人JavaScript比較牛x,有時候JavaScript也是不錯的選擇
復制代碼 代碼如下:

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

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


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

打印之前,會調用window.onbeforeprint函數,這時你可以隨意發揮,用你的聰明才智給html重新構造一邊,然后打印。當然打印之后一般還要弄回來,就是window.onafterprint函數了

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

小技巧:注意一點,打印我們都知道是window.print(),其實也可以打印框架的,如window.top.centerFrame.MainFrame.print();
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 国产精品久久久久久久四虎电影 | 免费欧美 | 99爱视频在线 | 欧美一级黄色免费看 | av观看网站 | 羞羞的视频在线免费观看 | 国产精品久久久久久久久久久天堂 | 久久精品久久精品国产大片 | 久久91精品国产91久久yfo | 国产精品久久久久久久久久了 | 免费毛片随便看 | 极品美女一级毛片 | 成人午夜一区二区 | 欧洲色阁中文字幕 | 五月婷婷第四色 | 久久久久久久久久久高潮一区二区 | 国产在线观看91精品 | 国产精品久久久久av | 蜜桃一本色道久久综合亚洲精品冫 | 99精品国产视频 | 国产精品1区 | 超久久 | 欧美视频黄色 | 九九热在线视频观看这里只有精品 | 56av国产精品久久久久久久 | 日本成年免费网站 | 国产伦久视频免费观看视频 | 91久久国产露脸精品国产护士 | 欧洲色阁中文字幕 | 久久久久国产成人免费精品免费 | 成人男女激情免费视频 | 日韩2区| 久久91亚洲精品久久91综合 | 精品呦女 | 成人在线a| 亚洲成年人免费网站 | 黄色美女网站免费看 | 91麻豆精品国产91久久久点播时间 | 精品国产一区二区亚洲人成毛片 | 91精品国产777在线观看 | 久草在线手机视频 |