您的位置:首页 > Web前端 > JQuery

基于Jquery的浏览器打印插件

2017-12-12 15:43 176 查看
最近工作中需要做到打印功能,为了简单起见就直接使用插件调用浏览器的打印功能。然后发现jquery.PrintArea.js这个插件蛮好用的。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
<script src="./js/jquery-2.1.0.js"></script>
<script src="./js/jquery.PrintArea.js"></script>
<style>
#print,#printno{margin-top:20px}
</style>
</head>

<body>
<div id="pri
4000
nt">打印的内容打印的内容打印的内容打印的内容打印的内容打印的内容打印的内容打印的内容打印的内容打印的内容打印的内容打印的内容</div>

<div id="printno">
不打印的内容不打印的内容不打印的内容不打印的内容不打印的内容不打印的内容不打印的内容不打印的内容不打印的内容不打印的内容
</div>
<script>
$("#print").printArea();
</script>
</body>
</html>


这样就可以直接选择需要打印的区域,简单好用。

官网:http://plugins.jquery.com/PrintArea/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: