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 相关文章推荐
jQuery动画效果animate和scrollTop结合使用实例
Apr 02 Javascript
jquery JSON的解析方式示例介绍
Jul 27 Javascript
JS添加删除DIV的简单实例
Jul 08 Javascript
基于angularJS的表单验证指令介绍
Oct 21 Javascript
jquery.multiselect多选下拉框实现代码
Nov 11 Javascript
微信小程序 空白页重定向解决办法
Jun 27 Javascript
javascript回调函数详解
Feb 06 Javascript
微信小程序实现留言板
Oct 31 Javascript
VUE v-model表单数据双向绑定完整示例
Jan 21 Javascript
微信小程序 简易计算器实现代码实例
Sep 02 Javascript
使用layer模态框给新页面传值的方法
Sep 27 Javascript
javascript实现简易数码时钟
Mar 30 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
Joomla下利用configuration.php存储简单数据
2010/05/19 PHP
yii2.0数据库迁移教程【多个数据库同时同步数据】
2016/10/08 PHP
PHP校验15位和18位身份证号的类封装
2018/11/07 PHP
PHP使用ajax的post方式下载excel文件简单示例
2019/08/06 PHP
WordPress伪静态规则设置代码实例
2020/12/10 PHP
总结一些js自定义的函数
2006/08/05 Javascript
srcElement表格样式
2006/09/03 Javascript
JavaScript语言中的Literal Syntax特性分析
2007/03/08 Javascript
jQuery 学习入门篇附实例代码
2010/03/16 Javascript
jquery中trigger()无法触发hover事件的解决方法
2015/05/07 Javascript
火狐和ie下获取javascript 获取event的方法(推荐)
2016/11/26 Javascript
js实现表格筛选功能
2017/01/18 Javascript
ES6学习之变量的解构赋值
2017/02/12 Javascript
打字效果动画的4种实现方法(超简单)
2017/10/18 Javascript
nodejs发送http请求时遇到404长时间未响应的解决方法
2017/12/10 NodeJs
angular6.0开发教程之如何安装angular6.0框架
2018/06/29 Javascript
react项目实践之webpack-dev-serve
2018/09/14 Javascript
vue.js父子组件通信动态绑定的实例
2018/09/28 Javascript
写gulp遇到的ES6问题详解
2018/12/03 Javascript
基于JavaScript 实现拖放功能
2019/09/12 Javascript
vue cli3 配置proxy代理无效的解决
2019/10/30 Javascript
jquery选择器和属性对象的操作实例分析
2020/01/10 jQuery
Python实现批量把SVG格式转成png、pdf格式的代码分享
2014/08/21 Python
Python获取任意xml节点值的方法
2015/05/05 Python
python实现mysql的读写分离及负载均衡
2018/02/04 Python
python中的&amp;&amp;及||的实现示例
2019/08/07 Python
关于多元线性回归分析——Python&amp;SPSS
2020/02/24 Python
Python ellipsis 的用法详解
2020/11/20 Python
python爬虫beautifulsoup库使用操作教程全解(python爬虫基础入门)
2021/02/19 Python
Html5 语法与规则简要概述
2014/07/29 HTML / CSS
汇科协同Java笔试题
2012/03/31 面试题
施工员岗位职责
2014/03/16 职场文书
售房协议书范本2014
2014/10/23 职场文书
结婚仪式主持词
2015/06/29 职场文书
关爱留守儿童主题班会
2015/08/13 职场文书
MySQL开启事务的方式
2021/06/26 MySQL