Javascript打印局部页面实例


Posted in Javascript onJune 21, 2016

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

<!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 相关文章推荐
Jquery 设置标题的自动翻转
Oct 03 Javascript
jquery isEmptyObject判断是否为空对象的函数
Feb 14 Javascript
Javascript学习笔记之函数篇(四):arguments 对象
Nov 23 Javascript
简单谈谈Javascript中类型的判断
Oct 19 Javascript
AngularJS入门教程之过滤器详解
Aug 19 Javascript
jquery  实现轮播图详解及实例代码
Oct 12 Javascript
vue+axios实现登录拦截的实例代码
May 22 Javascript
基于jquery的on和click的区别详解
Jan 15 jQuery
layui从数据库中获取复选框的值并默认选中方法
Aug 15 Javascript
vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component
Apr 30 Javascript
微信小程序的注册页面包含倒计时验证码、获取用户信息
May 22 Javascript
leaflet加载geojson叠加显示功能代码
Feb 21 Javascript
第六篇Bootstrap表格样式介绍
Jun 21 #Javascript
Javascript点击其他任意地方隐藏关闭DIV实例
Jun 21 #Javascript
第五篇Bootstrap 排版
Jun 21 #Javascript
Javascript随机标签云代码实例
Jun 21 #Javascript
Bootstrap轮播插件简单使用方法介绍
Jun 21 #Javascript
JS实现的跨浏览器解析XML文件实例
Jun 21 #Javascript
第四篇Bootstrap网格系统偏移列和嵌套列
Jun 21 #Javascript
You might like
PHP程序员最常犯的11个MySQL错误小结
2010/11/20 PHP
php数组函数序列之in_array() - 查找数组中是否存在指定值
2011/11/07 PHP
PHP数据库万能引擎类adodb配置使用以及实例集锦
2014/06/12 PHP
PHP自定义错误用法示例
2016/09/28 PHP
ThinkPHP中create()方法自动验证表单信息
2017/04/28 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
php设计模式之观察者模式实例详解【星际争霸游戏案例】
2020/03/30 PHP
JQuery表格内容过滤的实现方法
2013/07/05 Javascript
javascript属性访问表达式用法分析
2015/04/25 Javascript
基于Bootstrap里面的Button dropdown打造自定义select
2016/05/30 Javascript
浅谈js和css内联外联注意事项
2016/06/30 Javascript
vue实现列表的添加点击
2016/12/29 Javascript
JavaScript继承与多继承实例分析
2018/05/26 Javascript
node.js使用redis储存session的方法
2018/09/26 Javascript
关于vue2强制刷新,解决页面不会重新渲染的问题
2019/10/29 Javascript
Vue实现跑马灯效果
2020/05/25 Javascript
Node.js 深度调试方法解析
2020/07/28 Javascript
如何使用three.js 制作一个三维的推箱子游戏
2020/07/29 Javascript
vue3.0 的 Composition API 的使用示例
2020/10/26 Javascript
[01:39](回顾)各路豪强针锋相对,几经鏖战四强产生
2014/07/01 DOTA
Python自动化测试工具Splinter简介和使用实例
2014/05/13 Python
Python和GO语言实现的消息摘要算法示例
2015/03/10 Python
python访问系统环境变量的方法
2015/04/29 Python
详解Matplotlib绘图之属性设置
2019/08/23 Python
日本AOKI官方商城:AOKI西装
2020/06/11 全球购物
iostream与iostream.h的区别
2015/01/16 面试题
STP协议的主要用途是什么?为什么要用STP
2012/12/20 面试题
标准版离职证明书
2014/09/12 职场文书
四风对照检查材料思想汇报
2014/09/20 职场文书
车辆委托书范本
2014/10/05 职场文书
2015社区六五普法工作总结
2015/04/21 职场文书
单位更名证明
2015/06/18 职场文书
社区安全温馨提示语
2015/07/14 职场文书
2019企业给员工的慰问信
2019/06/24 职场文书
vue响应式原理与双向数据的深入解析
2021/06/04 Vue.js
CSS list-style-type属性使用方法
2023/05/21 HTML / CSS