web的各種前端打印方法之jquery打印插件PrintArea實現(xiàn)網(wǎng)頁打印
更新時間：2013年01月09日 16:25:30 作者：
jquery打印插件PrintArea實現(xiàn)網(wǎng)頁打印,不可思議吧，接下來為您介紹它的使用方法及操作步驟，感興趣的朋友可以了解下
第一步：
jquery.PrintArea.js下載
js引用
<script language="javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.PrintArea.js"></script>
html引用：
<div class="my_show">
這個是打印時顯示的。
</div>
<div class="my_hidden">
這個是打印時隱藏的。
</div>
<input type="button" id="print"/>
javascript代碼：
$(document).ready(function(){
$("#print").click(function(){
$(".my_show").printArea();
});
});
這個插件還提供了一些參數(shù)可配置，使用的方法：$（element).printArea(option).
這個方法我自己沒有用過，大家嘗試是，有問題的留言哈。
參數(shù)設(shè)置：
1.mode：模式，當(dāng)點擊打印按鈕時觸發(fā)模式，默認為iframe，當(dāng)設(shè)置為popup則會新開一個窗口頁面打印。
2.popTitle：設(shè)置新開窗口的標題，默認為空。
3.popClose：完成打印后是否關(guān)閉窗口，默認為false。
jquery.PrintArea.js下載
js引用
復(fù)制代碼 代碼如下:
<script language="javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.PrintArea.js"></script>
html引用：
復(fù)制代碼 代碼如下:
<div class="my_show">
這個是打印時顯示的。
</div>
<div class="my_hidden">
這個是打印時隱藏的。
</div>
<input type="button" id="print"/>
javascript代碼：
復(fù)制代碼 代碼如下:
$(document).ready(function(){
$("#print").click(function(){
$(".my_show").printArea();
});
});
這個插件還提供了一些參數(shù)可配置，使用的方法：$（element).printArea(option).
這個方法我自己沒有用過，大家嘗試是，有問題的留言哈。
參數(shù)設(shè)置：
1.mode：模式，當(dāng)點擊打印按鈕時觸發(fā)模式，默認為iframe，當(dāng)設(shè)置為popup則會新開一個窗口頁面打印。
2.popTitle：設(shè)置新開窗口的標題，默認為空。
3.popClose：完成打印后是否關(guān)閉窗口，默認為false。
相關(guān)文章
這篇文章主要是對同域jQuery(跨)iframe操作DOM的示例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要為大家詳細介紹了jquery實現(xiàn)點擊按鈕顯示與隱藏效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了jQuery橫向擦除焦點圖特效，一個具有自己特色的焦點圖會吸引用戶的注意力，讓用戶產(chǎn)生瀏覽網(wǎng)站的興趣至關(guān)重要，現(xiàn)在小編推薦給大家一款特別棒的焦點圖，感興趣的小伙伴可以參考下。2015-09-09
基于jquery的當(dāng)鼠標滾輪到最底端繼續(xù)加載新數(shù)據(jù)思路分享(多用于微博、空間、論壇 )
基于jquery的當(dāng)鼠標滾輪到最底端繼續(xù)加載新數(shù)據(jù)思路分享(多用于微博、空間、論壇 )，需要的朋友可以參考下。2011-10-10
ashx文件與.aspx文件類似，可以通過它來調(diào)用HttpHandler類。下面與大家介紹下jquery訪問ashx文件的過程2014-08-08
Jquery加載時從后臺讀取數(shù)據(jù)綁定到dropdownList實例
從后臺讀取數(shù)據(jù)綁定到dropdownList，option選項value動態(tài)賦值，具體實現(xiàn)如下，感興趣的朋友可以參考下哈2013-06-06
這篇文章主要介紹了jquery中filter方法用法,實例分析了filter方法的功能并對比了與find方法的區(qū)別,需要的朋友可以參考下2015-02-02
jquery中html、val與text三者屬性取值的聯(lián)系與區(qū)別介紹
本文為大家詳細介紹下jquery中，html、val與text三者屬性取值的聯(lián)系與區(qū)別，下面有個不錯的示例，感興趣的朋友不要錯過2013-12-12
這篇文章主要為大家詳細介紹了前端筆記之jquery部分，jQuery是一個兼容多瀏覽器的javascript庫2016-05-05
這篇文章主要為大家詳細介紹了基于jQuery的時間戳與日期間的轉(zhuǎn)化，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-06-06