简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

jQuery控制网页打印指定区域的方法

来源:易贤网   阅读:902 次  日期:2015-04-09 16:45:58

温馨提示:易贤网小编为您整理了“jQuery控制网页打印指定区域的方法”,方便广大网友查阅!

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

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

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

更多信息请查看脚本栏目
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:JavaScript使用指针操作实现约瑟夫问题实例
下一篇:JavaScript随机生成信用卡卡号的方法
易贤网手机网站地址:jQuery控制网页打印指定区域的方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!