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 相关文章推荐
AngularJS学习笔记之基本指令(init、repeat)
Jun 16 Javascript
解决jQuery uploadify在非IE核心浏览器下无法上传
Aug 05 Javascript
javascript学习指南之回调问题
Apr 23 Javascript
Node.js测试中的Mock文件系统详解
Nov 21 Javascript
一篇文章搞定JavaScript类型转换(面试常见)
Jan 21 Javascript
用jQuery旋转插件jqueryrotate制作转盘抽奖
Feb 10 Javascript
JS+HTML5实现上传图片预览效果完整实例【测试可用】
Apr 20 Javascript
JavaScript Drum Kit 指南(纯 JS 模拟敲鼓效果)
Jul 23 Javascript
Angular2仿照微信UI实现9张图片上传和预览的示例代码
Oct 19 Javascript
vue如何实现动态加载脚本
Feb 05 Javascript
详解element-ui动态限定的日期范围选择器代码片段
Jul 03 Javascript
npm全局环境变量配置详解
Dec 15 Javascript
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获取远程图片的两种 CURL方式和sockets方式获取远程图片
2011/11/07 PHP
在PHP上显示JFreechart画的统计图方法
2013/11/03 PHP
ThinkPHP中__initialize()和类的构造函数__construct()用法分析
2014/11/29 PHP
javascript 用记忆函数快速计算递归函数
2010/03/15 Javascript
JS判定是否原生方法
2013/07/22 Javascript
JS常用字符串处理方法应用总结
2014/05/22 Javascript
JavaScript校验Number(4,1)格式的数字实例代码
2017/03/13 Javascript
Webpack常见静态资源处理-模块加载器(Loaders)+ExtractTextPlugin插件
2017/06/29 Javascript
js 监控iframe URL的变化实例代码
2017/07/12 Javascript
Angular通过指令动态添加组件问题
2018/07/09 Javascript
Easyui 去除jquery-easui tab页div自带滚动条的方法
2019/05/10 jQuery
基于Vue实现电商SKU组合算法问题
2019/05/29 Javascript
微信小程序实现音乐播放器
2019/11/20 Javascript
Javascript异步编程async实现过程详解
2020/04/02 Javascript
浏览器JavaScript调试功能无法使用解决方案
2020/09/18 Javascript
[48:32]VGJ.T vs Fnatic 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python学习笔记之常用函数及说明
2014/05/23 Python
python基础教程之基本数据类型和变量声明介绍
2014/08/29 Python
Python使用urllib模块的urlopen超时问题解决方法
2014/11/08 Python
Linux下python与C++使用dlib实现人脸检测
2018/06/29 Python
详解pandas库pd.read_excel操作读取excel文件参数整理与实例
2019/02/17 Python
python3编写ThinkPHP命令执行Getshell的方法
2019/02/26 Python
ubuntu 18.04搭建python环境(pycharm+anaconda)
2019/06/14 Python
Python 实现输入任意多个数,并计算其平均值的例子
2019/07/16 Python
python模式 工厂模式原理及实例详解
2020/02/11 Python
keras 指定程序在某块卡上训练实例
2020/06/22 Python
CSS3实现各种图形的示例代码
2016/10/19 HTML / CSS
html5视频自动横过来自适应页面且点击播放功能的实现
2020/06/03 HTML / CSS
ECCO爱步加拿大官网:北欧丹麦鞋履及皮具品牌
2017/07/08 全球购物
舒适的豪华鞋:Taryn Rose
2018/05/03 全球购物
XD健身器材:Kevlar球、Crossfit健身球
2019/03/26 全球购物
绩效考核实施方案
2014/03/18 职场文书
社区道德讲堂实施方案
2014/03/21 职场文书
一般纳税人申请报告
2015/05/18 职场文书
2015迎新晚会开场白
2015/07/17 职场文书
python自动化调用百度api解决验证码
2021/04/13 Python