jQuery控制網(wǎng)頁打印指定區(qū)域的方法
更新時間：2015年04月07日 15:47:40 作者：上大王
這篇文章主要介紹了jQuery控制網(wǎng)頁打印指定區(qū)域的方法,涉及jQuery操作html元素的技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了jQuery控制網(wǎng)頁打印指定區(qū)域的方法。分享給大家供大家參考。具體分析如下：
使用jQuery控制網(wǎng)頁打印指定的區(qū)域，可以指定一個div區(qū)域的id即可實現(xiàn)打印網(wǎng)頁的部分內(nèi)容，如下代碼所示：
<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>
希望本文所述對大家的jQuery程序設計有所幫助。
相關(guān)文章
聽朋友說要作個九宮格，我也就隨便寫一個，等待完善2012-08-08
jQuery使用$.get()方法從服務器文件載入數(shù)據(jù)實例
這篇文章主要介紹了jQuery使用$.get()方法從服務器文件載入數(shù)據(jù),較為簡單的分析了jQuery中g(shù)et方法的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
jquery實現(xiàn)兩邊飄浮可關(guān)閉的對聯(lián)廣告
可關(guān)閉的左右兩邊漂浮的對聯(lián)廣告代碼jquery特效，寬屏分辨率大于1024px才顯示，當用戶點擊關(guān)閉按鈕可以單獨關(guān)閉自己一邊的漂浮的對聯(lián)廣告代碼，juqery對聯(lián)廣告效果感興趣的朋友一起學習吧2015-11-11
jQuery+正則+文本框只能輸入數(shù)字的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query+正則+文本框只能輸入數(shù)字的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要介紹了使用jquery中height()方法獲取各種高度大全,比如瀏覽器高度、可視窗口高度、文檔高度等,需要的朋友可以參考下2014-04-04
jquery把int類型轉(zhuǎn)換成字符串類型的方法
下面小編就為大家?guī)硪黄猨query把int類型轉(zhuǎn)換成字符串類型的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要介紹了jquery計算鼠標和指定元素之間距離的方法,涉及jQuery針對頁面位置屬性與鼠標事件的相關(guān)操作技巧,需要的朋友可以參考下2015-06-06
本文主要分享了jquery實現(xiàn)拖動效果的示例代碼。具有很好的參考價值，下面跟著小編一起來看下吧2017-01-01
下面小編就為大家?guī)硪黄猨Query實現(xiàn)選中行變色效果(實例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要介紹了JQuery中Bind()事件用法,實例分析了Bind()事件的功能、特點與綁定事件時的使用技巧,需要的朋友可以參考下2015-05-05