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

<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>

對于在打印區(qū)域內不想被打印的按鈕等可以通過設置css
@media print { .noprint{display:none;} }

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    wzhiq896閱讀 2,114評論 0 2
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    love2013閱讀 2,434評論 0 11
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,131評論 1 92
  • 有兩個對象,a和ba有自己的方法do() 和屬性attr:b有自己的屬性bttr現(xiàn)在,b沒有方法,但想要借用a的...
    饑人谷_Vomx閱讀 845評論 0 0
  • 小女今天自己起床收拾完畢后,自己去畫室畫畫,然后自己回家,到家以后給媽媽打電話告知平安到家!并告訴我讓晚上下班回家...
    蝴蝶王妃閱讀 335評論 0 1

友情鏈接更多精彩內容