编程 Javascript

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打印网页指定区域内容的简单实例全部内容了，希望大家多多支持三水点靠木~

- Author -

jingxian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript Base64编码和解码，实现URL参数传递。

Sep 18 Javascript

解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题

Nov 06 Javascript

javascript json 新手入门文档

Dec 03 Javascript

js实现表单Radio切换效果的方法

Aug 17 Javascript

jQuery实现瀑布流布局详解（PC和移动端）

Sep 01 Javascript

js老生常谈之this,constructor ,prototype全面解析

Apr 05 Javascript

深入浅析JavaScript中的RegExp对象

Sep 18 Javascript

vue实现页面加载动画效果

Sep 19 Javascript

layui.js实现的表单验证功能示例

Nov 15 Javascript

webpack本地开发环境无法用IP访问的解决方法

Mar 20 Javascript

微信小程序中使用wxss加载图片并实现动画效果

Aug 13 Javascript

CKEditor扩展插件：自动排版功能autoformat插件实现方法详解

Feb 06 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