<html>
<head>
<title>jquery 打印指定區(qū)域內(nèi)容</title>
<script src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
function printHtml(html) {
var bodyHtml = document.body.innerHTML;
document.body.innerHTML = html;
window.print();
document.body.innerHTML = bodyHtml;
}
function onprint() {
var html = $("#printArea").html();
printHtml(html);
}
</script>
</head>
<body>
<div>
<div id="printArea" 
style="width: 500px; text-align: left;">
打印區(qū)域~~~~
</div>
<br />
<div>
<input type="button" id="btnPrint" 
onclick="onprint()" value="print" />
</div>
</div>
</body>
</html>

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery用noConflict代替$的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query用noConflict代替$的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-04-04
fancybox modal的完美解決(右上的X)
有的時(shí)候我們希望保留右上的X，同時(shí)使用fancybox 的modal模式，怎么辦呢
2012-10-10
基于Jquery的簡單&簡陋Tabs插件代碼
一個(gè)基于Jquery的簡單&簡陋Tabs插件，學(xué)習(xí)的朋友可以參考下。
2010-02-02
基于jQuery實(shí)現(xiàn)多標(biāo)簽頁切換的效果(web前端開發(fā))
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)多標(biāo)簽頁切換的效果(web前端開發(fā))的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-07-07
Jquery幻燈片特效代碼分享?鼠標(biāo)點(diǎn)擊按鈕時(shí)切換(1)
這篇文章主要介紹了jQuery實(shí)現(xiàn)幻燈片焦點(diǎn)圖,可實(shí)現(xiàn)非常炫目時(shí)尚的幻燈片效果,非常具有實(shí)用價(jià)值,基本能滿足你在網(wǎng)頁上使用幻燈片(焦點(diǎn)圖)效果，需要的朋友可以參考下
2015-08-08
jQuery焦點(diǎn)圖左右轉(zhuǎn)換效果
這篇文章主要為大家詳細(xì)介紹了jQuery焦點(diǎn)圖左右轉(zhuǎn)換效果,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
jquery remove方法應(yīng)用詳解
本文將詳細(xì)介紹jquery remove方法的一些應(yīng)用，需要的朋友可以參考下
2012-11-11
jquery 獲取json數(shù)據(jù)實(shí)現(xiàn)代碼
jquery json數(shù)據(jù)獲取代碼。
2009-04-04
ASP.NET中AJAX 調(diào)用實(shí)例代碼
最近在ASP.NET中做了一個(gè)AJAX調(diào)用 : Client端先從ASP.NET Server后臺(tái)取到一個(gè)頁面模板，然后在頁面初始化時(shí)再從Server中取一些相關(guān)數(shù)據(jù)以實(shí)現(xiàn)頁面模板的動(dòng)態(tài)顯示
2012-05-05
jquery實(shí)現(xiàn)文本框的禁用和啟用
本文主要介紹了jquery實(shí)現(xiàn)文本框的禁用和啟用，代碼清晰，有需要的朋友可以參考下，希望會(huì)對(duì)大家有所幫助
2016-12-12