jQuery控制網頁打印指定區(qū)域的方法
更新時間：2015年04月07日 15:47:40 作者：上大王
這篇文章主要介紹了jQuery控制網頁打印指定區(qū)域的方法,涉及jQuery操作html元素的技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了jQuery控制網頁打印指定區(qū)域的方法。分享給大家供大家參考。具體分析如下：
使用jQuery控制網頁打印指定的區(qū)域，可以指定一個div區(qū)域的id即可實現(xiàn)打印網頁的部分內容，如下代碼所示：
<html>
<head>
<title>jquery 打印指定區(qū)域內容</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>
希望本文所述對大家的jQuery程序設計有所幫助。
相關文章
jQuery用noConflict代替$的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query用noConflict代替$的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
有的時候我們希望保留右上的X，同時使用fancybox 的modal模式，怎么辦呢2012-10-10
一個基于Jquery的簡單&簡陋Tabs插件，學習的朋友可以參考下。2010-02-02
基于jQuery實現(xiàn)多標簽頁切換的效果(web前端開發(fā))
這篇文章主要介紹了基于jQuery實現(xiàn)多標簽頁切換的效果(web前端開發(fā))的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
這篇文章主要介紹了jQuery實現(xiàn)幻燈片焦點圖,可實現(xiàn)非常炫目時尚的幻燈片效果,非常具有實用價值,基本能滿足你在網頁上使用幻燈片(焦點圖)效果，需要的朋友可以參考下2015-08-08
這篇文章主要為大家詳細介紹了jQuery焦點圖左右轉換效果,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
本文將詳細介紹jquery remove方法的一些應用，需要的朋友可以參考下2012-11-11
jquery 獲取json數(shù)據實現(xiàn)代碼
jquery json數(shù)據獲取代碼。2009-04-04
最近在ASP.NET中做了一個AJAX調用 : Client端先從ASP.NET Server后臺取到一個頁面模板，然后在頁面初始化時再從Server中取一些相關數(shù)據以實現(xiàn)頁面模板的動態(tài)顯示2012-05-05
本文主要介紹了jquery實現(xiàn)文本框的禁用和啟用，代碼清晰，有需要的朋友可以參考下，希望會對大家有所幫助2016-12-12