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

 更新时间:2016年11月01日 09:06:14   投稿:jingxian  
下面小编就为大家带来一篇js print打印网页指定区域内容的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

实例如下:

<!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打印网页指定区域内容的简单实例全部内容了,希望大家多多支持脚本之家~

相关文章

  • mockjs,json-server一起搭建前端通用的数据模拟框架教程

    mockjs,json-server一起搭建前端通用的数据模拟框架教程

    下面小编就为大家分享一篇mockjs,json-server一起搭建前端通用的数据模拟框架教程,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-12-12
  • js实现关闭网页出现是否离开提示

    js实现关闭网页出现是否离开提示

    本篇文章主要给大家带来一个JS实用功能,监听浏览器在关闭的时候提示出是否要离开的小功能,需要的朋友学习下吧。
    2017-12-12
  • TypeScript入门-接口

    TypeScript入门-接口

    在TypeScript里,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。本文将详细介绍TypeScript接口的相关知识。
    2017-03-03
  • react.js 获取真实的DOM节点实例(必看)

    react.js 获取真实的DOM节点实例(必看)

    下面小编就为大家带来一篇react.js 获取真实的DOM节点实例(必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • 原生js实现日期联动

    原生js实现日期联动

    日期联动算是一个比较常见的功能了,随便度娘一下,你就能找到N多代码,今天给大家介绍的是个人比较常用,代码很简洁,高效,这里推挤给大家。
    2015-01-01
  • JS实现六位字符密码输入器功能

    JS实现六位字符密码输入器功能

    这篇文章主要介绍了JS实现六位字符密码输入器功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • 基于javascript实现图片预加载

    基于javascript实现图片预加载

    这篇文章主要介绍了javascript图片预加载的方法,实例分析了javascript实现图片预加载的思路,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-01-01
  • JS实现5秒钟自动封锁div层的方法

    JS实现5秒钟自动封锁div层的方法

    这篇文章主要介绍了JS实现5秒钟自动封锁div层的方法,涉及javascript针对div层操作的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • JavaScript解析JSON格式数据的方法示例

    JavaScript解析JSON格式数据的方法示例

    这篇文章主要介绍了JavaScript解析JSON格式数据的方法,结合实例形式分析了JavaScript解析json格式数据的常用函数与使用技巧,需要的朋友可以参考下
    2017-01-01
  • JS实现旋转木马式图片轮播效果

    JS实现旋转木马式图片轮播效果

    这篇文章主要为大家详细介绍了JS实现旋转木马式图片轮播效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01

最新评论