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 相关文章推荐
屏蔽网页右键复制和ctrl+c复制的js代码
Jan 04 Javascript
javascript仿php的print_r函数输出json数据
Sep 13 Javascript
jquery提取元素里的纯文本不包含span等里的内容
Sep 30 Javascript
jQuery循环动画与获取组件尺寸的方法
Feb 02 Javascript
JS判断是否在微信浏览器打开的简单实例(推荐)
Aug 24 Javascript
JS回调函数简单用法示例
Feb 09 Javascript
jquery.masonry瀑布流效果
May 25 jQuery
基于AngularJS的简单使用详解
Sep 10 Javascript
Angular服务Request异步请求的实例讲解
Aug 13 Javascript
微信小程序实现禁止分享代码实例
Oct 19 Javascript
搭建vscode+vue环境的详细教程
Aug 31 Javascript
jquery实现图片放大镜效果
Dec 23 jQuery
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中取得文件的后缀名?
2012/02/20 PHP
php中HTTP_REFERER函数用法实例
2014/11/21 PHP
Laravel 5框架学习之Eloquent (laravel 的ORM)
2015/04/08 PHP
Laravel 使用查询构造器配合原生sql语句查询的例子
2019/10/12 PHP
Laravel数据库读写分离配置的方法
2019/10/13 PHP
PHP扩展安装方法步骤解析
2020/11/24 PHP
JavaScript 对象成员的可见性说明
2009/10/16 Javascript
javascript onmouseout 解决办法
2010/07/17 Javascript
Enter转换为Tab的小例子(兼容IE,Firefox)
2013/11/14 Javascript
document.addEventListener使用介绍
2014/03/07 Javascript
node.js中的http.response.writeHead方法使用说明
2014/12/14 Javascript
jquery获取及设置outerhtml的方法
2015/03/09 Javascript
JavaScript中textRange对象使用方法小结
2015/03/24 Javascript
javascript 秒表计时器实现代码
2017/03/09 Javascript
如何在node环境实现“get数据解析”代码实例
2020/07/03 Javascript
Vue的Options用法说明
2020/08/14 Javascript
[49:31]DOTA2-DPC中国联赛 正赛 Elephant vs LBZS BO3 第二场 1月29日
2021/03/11 DOTA
Python实现对PPT文件进行截图操作的方法
2015/04/28 Python
python版本的读写锁操作方法
2016/04/25 Python
详解python之配置日志的几种方式
2017/05/22 Python
初学python的操作难点总结(新手必看篇)
2017/08/03 Python
Java及python正则表达式详解
2017/12/27 Python
Python numpy 点数组去重的实例
2018/04/18 Python
JavaScript中的模拟事件和自定义事件实例分析
2018/07/27 Python
Python实现简单的列表冒泡排序和反转列表操作示例
2019/07/10 Python
Python OpenCV图像指定区域裁剪的实现
2019/10/30 Python
Python astype(np.float)函数使用方法解析
2020/06/08 Python
python wsgiref源码解析
2021/02/06 Python
CSS3打造磨砂玻璃背景效果
2016/09/28 HTML / CSS
G-Form护具官方网站:美国运动保护装备
2019/09/04 全球购物
法国床上用品商店:La Compagnie du lit
2019/12/26 全球购物
2014年数学教研组工作总结
2014/12/06 职场文书
2015年春训学习心得体会范文
2015/03/09 职场文书
2015年小学数学教研组工作总结
2015/05/21 职场文书
浅谈mysql执行过程以及顺序
2021/05/12 MySQL
vue.js Router中嵌套路由的实用示例
2021/06/27 Vue.js