jQuery控制网页打印指定区域的方法
2015-04-09来源:

使用jQuery控制网页打印指定的区域,可以指定一个div区域的id即可实现打印网页的部分内容,如下代码所示:

<html>

<head>

<title>jquery 打印指定区域内容</title>

<script src="//www.submisscin.com/wap/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>

更多信息请查看IT技术专栏

推荐信息
Baidu
map