Javascript打印局部页面实例

 更新时间:2016年06月21日 15:22:39   作者:沫鱼  
这篇文章主要分享一个Javascript打印局部页面实例,需要的朋友可以参考下。

代码如下,简单实用。因为需要用到这个东西,所以很无耻的拾人牙慧,收藏一下。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">  
  function doPrint() {  
    bdhtml=window.document.body.innerHTML;  
    sprnstr="<!--startprint-->";  
    eprnstr="<!--endprint-->";  
    prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);  
    prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));  
    window.document.body.innerHTML=prnhtml; 
    window.print();  
}  
</script>
</head>
 
<body>
<p>1</p>
<p>2</p>
<!--startprint--><!--注意要加上html里star和end的这两个标记,之前没加,一直没效果,谁叫咱们菜呢~-->
<h1>打印标题</h1>
<p>打印内容~~</p>
<!--endprint-->
<button type="button" onclick="doPrint()">打印</button>
<p>1</p>
<p>2</p>
</body>
</html>

以上就是本文的全部内容,了解更多JavaScript的语法,大家可以查看:《JavaScript 参考教程》、《JavaScript代码风格指南》,也希望大家多多支持脚本之家。

相关文章

  • JavaScript中Promise的简单使用及其原理详解

    JavaScript中Promise的简单使用及其原理详解

    Promise是ES6最重要的特性之一,今天小编就来带大家一起系统且细致的研究一下Promise的用法以及原理,感兴趣的小伙伴可以学习一下哦
    2023-03-03
  • php利用curl获取远程图片实现方法

    php利用curl获取远程图片实现方法

    这篇文章主要介绍了php利用curl获取远程图片实现方法,curl要求php环境支持,需要的朋友可以参考下
    2015-10-10
  • Javascript操作URL函数修改版

    Javascript操作URL函数修改版

    一个非常不错的Javascript操作URL函数可以新增,修改,删除 URL参数
    2013-11-11
  • 使用重写url机制实现验证码换一张功能

    使用重写url机制实现验证码换一张功能

    重写URL机制:为了保证一个url的地址唯一,可每次向服务器传递的参数不一样即可。此处在实现验证码的换一张的功能时,就是利用了改变参数列表的值进行刷新。具体详细代码大家参考下本文
    2017-08-08
  • JavaScript使用Math.Min返回两个数中较小数的方法

    JavaScript使用Math.Min返回两个数中较小数的方法

    这篇文章主要介绍了JavaScript使用Math.Min返回两个数中较小数的方法,涉及javascript中Math.Min方法的使用技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • 基于zepto.js实现手机相册功能

    基于zepto.js实现手机相册功能

    这篇文章主要为大家详细介绍了基于zepto.js实现手机相册功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • 浅析ES6的八进制与二进制整数字面量

    浅析ES6的八进制与二进制整数字面量

    这篇文章给大家介绍了ES6特性中的八进制和二进制整数字面量,介绍的挺不错的现在分享给大家,有需要的可以参考借鉴。
    2016-08-08
  • JavaScript SweetAlert插件实现超酷消息警告框

    JavaScript SweetAlert插件实现超酷消息警告框

    SweetAlert是一款使用纯js制作的消息警告框插件.这篇文章主要介绍了JavaScript SweetAlert插件实现超酷消息警告框的相关资料,需要的朋友可以参考下
    2016-01-01
  • JavaScript中的无阻塞加载性能优化方案

    JavaScript中的无阻塞加载性能优化方案

    这篇文章主要介绍了JavaScript中的无阻塞加载性能优化方案,本文讲解了Deferred Scripts 延期脚本、Dynamic Script Elements 动态脚本元素、XMLHttpRequest Script Injection XHR脚本注入等内容,需要的朋友可以参考下
    2014-10-10
  • 一文看懂如何简单实现节流函数和防抖函数

    一文看懂如何简单实现节流函数和防抖函数

    这篇文章主要给大家介绍了如何通过一文看懂简单实现节流函数和防抖函数的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-09-09

最新评论