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


Posted in Javascript onApril 07, 2015

本文实例讲述了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>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
JQuery 学习笔记 选择器之三
Jul 23 Javascript
JavaScript高级程序设计 阅读笔记(十二) js内置对象Math
Aug 14 Javascript
js怎么终止程序return不行换jfslk
May 30 Javascript
JS操作数据库的实例代码
Oct 17 Javascript
js的正则test,match,exec详细解析
Jan 29 Javascript
json属性名为什么要双引号(个人猜测)
Jul 31 Javascript
加载列表时jquery获取ul中第一个li的属性
Nov 02 Javascript
Angular.js中angular-ui-router的简单实践
Jul 18 Javascript
jQuery实现的两种简单弹窗效果示例
Apr 18 jQuery
微信小程序的部署方法步骤
Sep 04 Javascript
微信小程序时间选择插件使用详解
Dec 28 Javascript
Vue 实现从文件中获取文本信息的方法详解
Oct 16 Javascript
JavaScript使用指针操作实现约瑟夫问题实例
Apr 07 #Javascript
jquery.form.js实现将form提交转为ajax方式提交的方法
Apr 07 #Javascript
JavaScript中字符串分割函数split用法实例
Apr 07 #Javascript
JavaScript使用二分查找算法在数组中查找数据的方法
Apr 07 #Javascript
JavaScript给按钮绑定点击事件(onclick)的方法
Apr 07 #Javascript
JS 作用域与作用域链详解
Apr 07 #Javascript
JavaScript实现在页面间传值的方法
Apr 07 #Javascript
You might like
优化使用mysql存储session的php代码
2008/01/10 PHP
js 省地市级联选择
2010/02/07 Javascript
基于jQuery的实现简单的分页控件
2010/10/10 Javascript
jquery弹出关闭遮罩层实例
2013/08/06 Javascript
jquery动态添加删除一行数据示例
2014/06/12 Javascript
js时间日期格式化封装函数
2014/12/02 Javascript
javascript实现五星评价代码(源码下载)
2015/08/11 Javascript
js贪吃蛇网页版游戏特效代码分享(挑战十关)
2015/08/24 Javascript
JavaScript SHA1加密算法实现详细代码
2016/10/06 Javascript
bootstrap vue.js实现tab效果
2017/02/07 Javascript
jquery拖动改变div大小
2017/07/04 jQuery
JS实现利用两个队列表示一个栈的方法
2017/12/13 Javascript
JS实现移动端触屏拖拽功能
2018/07/31 Javascript
小程序点击图片实现自动播放视频
2020/05/29 Javascript
[01:15:15]VG VS EG Supermajor小组赛B组胜者组第一轮 BO3第二场 6.2
2018/06/03 DOTA
[03:21]【TI9纪实】Old Boys
2019/08/23 DOTA
Python yield 使用浅析
2015/05/28 Python
bat和python批量重命名文件的实现代码
2016/05/19 Python
对python同一个文件夹里面不同.py文件的交叉引用方法详解
2018/12/15 Python
Python遍历文件夹 处理json文件的方法
2019/01/22 Python
python+django+rest框架配置创建方法
2019/08/31 Python
python实现文法左递归的消除方法
2020/05/22 Python
python 将列表里的字典元素合并为一个字典实例
2020/09/01 Python
CSS3 @media的基本用法总结
2019/09/10 HTML / CSS
关于老式浏览器兼容HTML5和CSS3的问题
2016/06/01 HTML / CSS
在线吉他课程,学习如何弹吉他:Fender Play
2019/02/28 全球购物
美国批发供应商:Kole Imports
2019/04/10 全球购物
波兰在线杂货店:Polski Koszyk
2019/11/02 全球购物
农药学硕士毕业生自荐信
2013/09/25 职场文书
英文简历中的自荐信范文
2013/12/14 职场文书
2014新课程改革心得体会
2014/03/10 职场文书
2015年试用期自我评价范文
2015/03/10 职场文书
首席执行官观后感
2015/06/03 职场文书
学生早退检讨书(范文)
2019/08/19 职场文书
《三国志》赏析
2019/08/27 职场文书
Python爬虫入门案例之回车桌面壁纸网美女图片采集
2021/10/16 Python