js print打印网页指定区域内容的简单实例


Posted in Javascript onNovember 01, 2016

实例如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js print打印网页指定区域内容的简单实例</title>
</head>
<script>
function myPrint(obj){
  var newWindow=window.open("打印窗口","_blank");
  var docStr = obj.innerHTML;
  newWindow.document.write(docStr);
  newWindow.document.close();
  newWindow.print();
  newWindow.close();
}
</script>
<div id="print">
<hr />
  打印演示区域,点击打印后会在新窗口加载这里的内容!
<hr />
</div>
<button onclick="myPrint(document.getElementById('print'))">打 印</button>

</html>

以上就是小编为大家带来的js print打印网页指定区域内容的简单实例全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
document.all还是document.getElementsByName?
Jul 21 Javascript
lib.utf.js
Aug 21 Javascript
jQuery获取当前对象标签名称的方法
Feb 07 Javascript
Jquery EasyUI中弹出确认对话框以及加载效果示例代码
Feb 13 Javascript
早该知道的7个JavaScript技巧
Jun 21 Javascript
JavaScript trim 实现去除字符串首尾指定字符的简单方法
Dec 27 Javascript
Bootstrap媒体对象学习使用
Mar 07 Javascript
MUI 解决动态列表页图片懒加载再次加载不成功的bug问题
Apr 13 Javascript
AngularJs 最新验证手机号码的实例,成功测试通过
Nov 26 Javascript
对vue 键盘回车事件的实例讲解
Aug 25 Javascript
从0到1构建vueSSR项目之node以及vue-cli3的配置
Mar 07 Javascript
jQuery层叠选择器用法实例分析
Jun 28 jQuery
js文件中直接alert()中文出来的是乱码的解决方法
Nov 01 #Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
Nov 01 #Javascript
微信小程序 wxapp内容组件 progress详细介绍
Oct 31 #Javascript
微信小程序 wxapp内容组件 text详细介绍
Oct 31 #Javascript
微信小程序 wxapp内容组件 icon详细介绍
Oct 31 #Javascript
微信小程序 wxapp导航 navigator详解
Oct 31 #Javascript
微信小程序 wxapp地图 map详解
Oct 31 #Javascript
You might like
PHP 5.0 Pear安装方法
2006/12/06 PHP
php使用PDO方法详解
2014/12/27 PHP
PHP 断点续传实例详解
2017/11/11 PHP
javascript EXCEL 操作类代码
2009/07/30 Javascript
jquery foreach使用示例
2013/09/12 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
2014/04/30 Javascript
Javascript 实现复制(Copy)动作方法大全
2014/06/20 Javascript
JavaScript实现的经典文件树菜单效果
2015/09/08 Javascript
javascript图片预加载完整实例
2015/12/10 Javascript
jquery分页插件jquery.pagination.js使用方法解析
2016/04/01 Javascript
jQuery实现为LI列表前3行设置样式的方法【2种方法】
2016/09/04 Javascript
原生js图片轮播效果实现代码
2016/10/19 Javascript
bootstrapValidator自定验证方法写法
2016/12/01 Javascript
使用Bootstrap + Vue.js实现表格的动态展示、新增和删除功能
2017/11/27 Javascript
weebox弹出窗口不居中显示的解决方法
2017/11/27 Javascript
vue.js中引入vuex储存接口数据及调用的详细流程
2017/12/14 Javascript
nodejs+mongodb+vue前后台配置ueditor的示例代码
2018/01/02 NodeJs
create-react-app 修改为多入口编译的方法
2018/08/01 Javascript
对vue v-if v-else-if v-else 的简单使用详解
2018/09/29 Javascript
JS数组中对象去重操作示例
2019/06/04 Javascript
vue.js实现简单购物车功能
2020/05/30 Javascript
利用 Chrome Dev Tools 进行页面性能分析的步骤说明(前端性能优化)
2021/02/24 Javascript
[02:19]2018年度DOTA2最佳核心位选手-完美盛典
2018/12/17 DOTA
[02:38]DOTA2 夜魇暗潮2020活动介绍官方视频
2020/11/04 DOTA
DRF跨域后端解决之django-cors-headers的使用
2019/01/27 Python
TensorFlow基于MNIST数据集实现车牌识别(初步演示版)
2019/08/05 Python
PyCharm+PyQt5+QtDesigner配置详解
2020/08/12 Python
详解Python 函数参数的拆解
2020/09/02 Python
python -v 报错问题的解决方法
2020/09/15 Python
CSS书写规范、顺序和命名规则
2014/03/06 HTML / CSS
GIVENCHY纪梵希官方旗舰店:高定彩妆与贵族护肤品
2018/04/16 全球购物
为娇小女性量身打造:Petite Studio
2018/11/01 全球购物
英语硕士生求职简历的自我评价
2013/10/15 职场文书
村党支部书记四风问题个人对照检查材料思想汇报
2014/10/06 职场文书
先进工作者个人总结
2015/02/15 职场文书
Mysql 设置boolean类型的操作
2021/06/04 MySQL