快捷導(dǎo)航

jQuery控制網(wǎng)頁(yè)打印指定區(qū)域的方法

更新時(shí)間：2015年04月07日 15:47:40 作者：上大王

這篇文章主要介紹了jQuery控制網(wǎng)頁(yè)打印指定區(qū)域的方法,涉及jQuery操作html元素的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了jQuery控制網(wǎng)頁(yè)打印指定區(qū)域的方法。分享給大家供大家參考。具體分析如下：

使用jQuery控制網(wǎng)頁(yè)打印指定的區(qū)域，可以指定一個(gè)div區(qū)域的id即可實(shí)現(xiàn)打印網(wǎng)頁(yè)的部分內(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>

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

您可能感興趣的文章:

相關(guān)文章

基于jQuery的簡(jiǎn)單九宮格實(shí)現(xiàn)代碼
聽(tīng)朋友說(shuō)要作個(gè)九宮格，我也就隨便寫一個(gè)，等待完善
2012-08-08
jQuery使用$.get()方法從服務(wù)器文件載入數(shù)據(jù)實(shí)例
這篇文章主要介紹了jQuery使用$.get()方法從服務(wù)器文件載入數(shù)據(jù),較為簡(jiǎn)單的分析了jQuery中g(shù)et方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-03-03
jquery實(shí)現(xiàn)兩邊飄浮可關(guān)閉的對(duì)聯(lián)廣告
可關(guān)閉的左右兩邊漂浮的對(duì)聯(lián)廣告代碼jquery特效，寬屏分辨率大于1024px才顯示，當(dāng)用戶點(diǎn)擊關(guān)閉按鈕可以單獨(dú)關(guān)閉自己一邊的漂浮的對(duì)聯(lián)廣告代碼，juqery對(duì)聯(lián)廣告效果感興趣的朋友一起學(xué)習(xí)吧
2015-11-11
jQuery+正則+文本框只能輸入數(shù)字的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jQuery+正則+文本框只能輸入數(shù)字的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-10-10
使用jquery中height()方法獲取各種高度大全
這篇文章主要介紹了使用jquery中height()方法獲取各種高度大全,比如瀏覽器高度、可視窗口高度、文檔高度等,需要的朋友可以參考下
2014-04-04
jquery把int類型轉(zhuǎn)換成字符串類型的方法
下面小編就為大家?guī)?lái)一篇jquery把int類型轉(zhuǎn)換成字符串類型的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-10-10
jquery計(jì)算鼠標(biāo)和指定元素之間距離的方法
這篇文章主要介紹了jquery計(jì)算鼠標(biāo)和指定元素之間距離的方法,涉及jQuery針對(duì)頁(yè)面位置屬性與鼠標(biāo)事件的相關(guān)操作技巧,需要的朋友可以參考下
2015-06-06
jquery實(shí)現(xiàn)拖動(dòng)效果（代碼分享）
本文主要分享了jquery實(shí)現(xiàn)拖動(dòng)效果的示例代碼。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-01-01
jQuery實(shí)現(xiàn)選中行變色效果(實(shí)例講解)
下面小編就為大家?guī)?lái)一篇jQuery實(shí)現(xiàn)選中行變色效果(實(shí)例講解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-07-07
JQuery中Bind()事件用法分析
這篇文章主要介紹了JQuery中Bind()事件用法,實(shí)例分析了Bind()事件的功能、特點(diǎn)與綁定事件時(shí)的使用技巧,需要的朋友可以參考下
2015-05-05