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 API学Jquery之一 选择器
Apr 07 Javascript
js 数据类型转换总结笔记
Jan 17 Javascript
javascript列表框操作函数集合汇总
Nov 28 Javascript
Angularjs 基础入门
Dec 26 Javascript
AngularJS动态生成div的ID源码解析
Aug 29 Javascript
深入浅析Vue组件开发
Nov 25 Javascript
快速掌握jQuery插件开发
Jan 19 Javascript
canvas实现刮刮卡效果
Mar 14 Javascript
AngularJS之ionic 框架下实现 Localstorage本地存储
Apr 22 Javascript
vue中的event bus非父子组件通信解析
Oct 27 Javascript
在Vue项目中使用jsencrypt.js对数据进行加密传输的方法
Apr 17 Javascript
让JavaScript代码更加精简的方法技巧
Jun 01 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 上传文件大小限制
2009/07/05 PHP
phpcms手机内容页面添加上一篇和下一篇
2015/06/05 PHP
javascript flash下fromCharCode和charCodeAt方法使用说明
2008/01/12 Javascript
JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
2010/09/12 Javascript
jquery利用ajax调用后台方法实例
2013/08/23 Javascript
jquery弹出层类代码分享
2013/12/27 Javascript
原生javascript实现简单的datagrid数据表格
2015/01/02 Javascript
jQuery实现不断闪烁文字的方法
2015/05/15 Javascript
详解axios 全攻略之基本介绍与使用(GET 与 POST)
2017/09/15 Javascript
详解如何去除vue项目中的#——History模式
2017/10/13 Javascript
vue.js使用v-model指令实现的数据双向绑定功能示例
2018/05/22 Javascript
JointJS流程图的绘制方法
2018/12/03 Javascript
微信小程序使用前置摄像头拍照
2020/10/22 Javascript
通过C++学习Python
2015/01/20 Python
利用Python中的输入和输出功能进行读取和写入的教程
2015/04/14 Python
改进Django中的表单的简单方法
2015/07/17 Python
python中函数总结之装饰器闭包详解
2016/06/12 Python
python dict 字典 以及 赋值 引用的一些实例(详解)
2017/01/20 Python
Python中判断子串存在的性能比较及分析总结
2019/06/23 Python
利用pandas合并多个excel的方法示例
2019/10/10 Python
python几种常用功能实现代码实例
2019/12/25 Python
Python如何实现在字符串里嵌入双引号或者单引号
2020/03/02 Python
python文件编写好后如何实践
2020/07/07 Python
python drf各类组件的用法和作用
2021/01/12 Python
css3实现顶部社会化分享按钮示例
2014/05/06 HTML / CSS
巴西葡萄酒销售网站:Wine.com.br
2017/11/07 全球购物
凯蒂·佩里个人女鞋品牌:Katy Perry Collections
2019/04/04 全球购物
欧姆龙医疗欧洲有限公司:Omron Healthcare Europe B.V
2020/06/13 全球购物
介绍一下JMS编程步骤
2015/09/22 面试题
会计系个人求职信范文分享
2013/12/20 职场文书
无故旷工检讨书
2014/01/26 职场文书
致100米运动员广播稿
2014/02/14 职场文书
信息与计算科学专业推荐信
2014/02/23 职场文书
青春无悔演讲稿
2014/05/08 职场文书
写字楼租赁意向书
2014/07/30 职场文书
vue3获取当前路由地址
2022/02/18 Vue.js