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 相关文章推荐
详解new function(){}和function(){}() 区别分析
Mar 22 Javascript
javascript 动态数据下的锚点错位问题解决方法
Dec 24 Javascript
EasyUI中datagrid在ie下reload失败解决方案
Mar 09 Javascript
jQuery源码分析之Callbacks详解
Mar 13 Javascript
JavaScript模拟可展开、拖动与关闭的聊天窗口实例
May 12 Javascript
JavaScript的代码编写格式规范指南
Dec 07 Javascript
js 自带的 map() 方法全面了解
Aug 16 Javascript
js时间比较 js计算时间差的简单实现方法
Aug 26 Javascript
第一次接触神奇的前端框架vue.js
Dec 01 Javascript
使用layui实现树形结构的方法
Sep 20 Javascript
微信小程序实现文件预览
Oct 22 Javascript
angular异步验证器防抖实例详解
Mar 31 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
PHP输出当前进程所有变量/常量/模块/函数/类的示例
2013/11/07 PHP
PHP封装的一个支持HTML、JS、PHP重定向的多功能跳转函数
2014/06/19 PHP
php验证码实现代码(3种)
2015/09/07 PHP
php的常量和变量实例详解
2017/06/27 PHP
超级退弹代码
2008/07/07 Javascript
jQuery温习篇 强大的JQuery选择器
2010/04/24 Javascript
cookie在javascript中的使用技巧以及隐私在服务器端的设置
2012/12/03 Javascript
js模仿hover的具体实现代码
2013/12/30 Javascript
jQuery新的事件绑定机制on()示例应用
2014/07/18 Javascript
简单的jQuery入门指引
2015/07/28 Javascript
JavaScript中关键字 in 的使用方法详解
2016/10/17 Javascript
Ionic+AngularJS实现登录和注册带验证功能
2017/02/09 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
2017/02/14 Javascript
JavaScript无缝滚动效果的实例代码
2017/03/27 Javascript
微信小程序 开发之全局配置
2017/05/05 Javascript
Vue中的数据监听和数据交互案例解析
2017/07/12 Javascript
详解webpack的proxyTable无效的解决方案
2018/06/15 Javascript
Nodejs调用Dll模块的方法
2018/09/17 NodeJs
vue中使用百度脑图kityminder-core二次开发的实现
2019/09/26 Javascript
uni-app 支持多端第三方地图定位的方法
2020/01/03 Javascript
js实现简单的轮播图效果
2020/12/13 Javascript
Python自动调用IE打开某个网站的方法
2015/06/03 Python
Python正则替换字符串函数re.sub用法示例
2017/01/19 Python
Python使用cx_Oracle模块操作Oracle数据库详解
2018/05/07 Python
Python3 集合set入门基础
2020/02/10 Python
Python使用Socket实现简单聊天程序
2020/02/28 Python
如何用Matplotlib 画三维图的示例代码
2020/07/28 Python
如何在python中实现线性回归
2020/08/10 Python
意大利制造的男鞋和女鞋:SCAROSSO
2018/03/07 全球购物
英国经济型酒店品牌:Travelodge
2019/12/17 全球购物
博士研究生自我鉴定范文
2013/12/04 职场文书
给老婆大人的检讨书
2014/02/24 职场文书
“向国旗敬礼”活动策划方案(4篇)
2014/09/27 职场文书
教师节祝酒词
2015/08/11 职场文书
2016年小学中秋节活动总结
2016/04/05 职场文书
Mybatis-Plus 使用 @TableField 自动填充日期
2022/04/26 Java/Android