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 DIV弹出效果实现代码
Jul 03 Javascript
jQuery 加上最后自己的验证
Nov 04 Javascript
Jquery ThickBox插件使用心得(不建议使用)
Sep 08 Javascript
JQUERY的属性选择符和自定义选择符使用方法(二)
Apr 07 Javascript
Raphael一个用于在网页中绘制矢量图形的Javascript库
Jan 08 Javascript
jQuery改变form表单的action,并进行提交的实现代码
May 25 Javascript
jQuery实现的购物车物品数量加减功能代码
Nov 16 Javascript
jquery-mobile表单的创建方法详解
Nov 23 Javascript
javascript ASCII和Hex互转的实现方法
Dec 27 Javascript
jQuery实现所有验证通过方可提交的表单验证
Nov 21 jQuery
vue form check 表单验证的实现代码
Dec 09 Javascript
vue改变对象或数组时的刷新机制的方法总结
Apr 24 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 将逗号、空格、回车分隔的字符串转换为数组的函数
2012/06/07 PHP
提高PHP性能的编码技巧以及性能优化详细解析
2013/08/24 PHP
php 利用array_slice函数获取随机数组或前几条数据
2015/09/30 PHP
PHP快速排序quicksort实例详解
2016/09/28 PHP
JQUERY设置IFRAME的SRC值的代码
2010/11/30 Javascript
ajax异步刷新实现更新数据库
2012/12/03 Javascript
代码获取历史上的今天发生的事
2014/04/11 Javascript
js实现Select下拉框具有输入功能的方法
2015/02/06 Javascript
详解JavaScript的AngularJS框架中的作用域与数据绑定
2016/03/04 Javascript
浅谈angular4 ng-content 中隐藏的内容
2017/08/18 Javascript
vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)
2017/10/16 Javascript
解决angularjs WdatePicker ng-model的问题
2018/09/13 Javascript
node使用request请求的方法
2019/12/20 Javascript
[38:51]2014 DOTA2国际邀请赛中国区预选赛 Orenda VS LGD-CDEC
2014/05/22 DOTA
linux 下实现python多版本安装实践
2014/11/18 Python
Python使用matplotlib实现在坐标系中画一个矩形的方法
2015/05/20 Python
如何使用python实现模拟鼠标点击
2020/01/06 Python
python如何使用Redis构建分布式锁
2020/01/16 Python
python中np是做什么的
2020/07/21 Python
Python+Selenium实现自动化的环境搭建的步骤(图文)
2020/09/01 Python
英国在线玫瑰专家:InterRose
2019/12/01 全球购物
JBL加拿大官方商店:扬声器、耳机等
2020/10/23 全球购物
雷朋巴西官方商店:Ray-Ban Brasil
2020/07/21 全球购物
Python里面search()和match()的区别
2016/09/21 面试题
乡镇庆八一活动方案
2014/02/02 职场文书
《小白兔和小灰兔》教学反思
2014/02/18 职场文书
21岁生日感言
2014/02/27 职场文书
中学生寄语大全
2014/04/03 职场文书
工程材料采购方案
2014/05/18 职场文书
四查四看自我剖析材料
2014/09/19 职场文书
作风建设剖析材料
2014/10/06 职场文书
2014年六五普法工作总结
2014/11/25 职场文书
2015小学教师德育工作总结
2015/05/12 职场文书
结婚主持人致辞
2015/07/28 职场文书
MySQL慢查询的坑
2021/04/28 MySQL
css布局巧妙技巧之css三角示例的运用
2022/03/16 HTML / CSS