ホームページ >ウェブフロントエンド >jsチュートリアル >指定されたWebページの印刷を制御するjQueryメソッド area_jquery
指定されたWebページの印刷を制御するjQueryメソッド area_jquery
- WBOYオリジナル
- 2016-05-16 16:05:161203ブラウズ
この記事の例では、jQuery が Web ページ上の指定された領域の印刷を制御する方法を説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。
jQuery を使用して Web ページを制御し、指定した領域を印刷します。次のコードに示すように、div 領域の ID を指定して Web ページの一部を印刷できます。
<html>
<head>
<title>jquery 打印指定区域内容</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;">
打印区域~~~~
</div>
<br />
<div>
<input type="button" id="btnPrint"
onclick="onprint()" value="print" />
</div>
</div>
</body>
</html>
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。