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 相关文章推荐
javascript引导程序
Oct 26 Javascript
javascript奇异的arguments分析
Oct 20 Javascript
javascript 实现键盘上下左右功能的小例子
Sep 15 Javascript
js日期相关函数总结分享
Oct 15 Javascript
javascript给span标签赋值的方法
Nov 26 Javascript
浅谈js多维数组和hash数组定义和使用
Jul 27 Javascript
VUE实现日历组件功能
Mar 13 Javascript
JS判断两个对象内容是否相等的方法示例
Apr 10 Javascript
使用jQuery实现掷骰子游戏
Oct 24 jQuery
jQuery实现点击滚动到指定元素上的方法分析
Mar 19 jQuery
在Chrome DevTools中调试JavaScript的实现
Apr 07 Javascript
JavaScript实现队列结构过程
Dec 06 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
phpfans留言版用到的数据操作类和分页类
2007/01/04 PHP
PHP数字字符串左侧补0、字符串填充和自动补齐的几种方法
2014/05/10 PHP
php生成带logo二维码方法小结
2016/04/08 PHP
windows7配置Nginx+php+mysql的详细教程
2016/09/04 PHP
YII分模块加载路由的实现方法
2018/10/01 PHP
javascript firefox不显示本地预览图片问题的解决方法
2008/11/12 Javascript
IE event.srcElement和FF event.target 功能比较
2010/03/01 Javascript
javascript中类的定义及其方式(《javascript高级程序设计》学习笔记)
2011/07/04 Javascript
轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)
2015/11/30 Javascript
AngularJS进行性能调优的7个建议
2015/12/28 Javascript
AngularJS通过$location获取及改变当前页面的URL
2016/09/23 Javascript
JS三目运算(三元运算)方法详解
2017/03/01 Javascript
详解用vue.js和laravel实现微信支付
2017/06/23 Javascript
一个有意思的鼠标点击文字特效jquery代码
2017/09/23 jQuery
vue-cli安装使用流程步骤详解
2018/11/08 Javascript
js实现数字跳动到指定数字
2020/08/25 Javascript
python中引用与复制用法实例分析
2015/06/04 Python
Python使用lxml模块和Requests模块抓取HTML页面的教程
2016/05/16 Python
浅谈python 四种数值类型(int,long,float,complex)
2016/06/08 Python
Python设计模式之抽象工厂模式
2016/08/25 Python
python 使用get_argument获取url query参数
2017/04/28 Python
python爬虫入门教程--HTML文本的解析库BeautifulSoup(四)
2017/05/25 Python
Python实现学校管理系统
2018/01/11 Python
Scrapy使用的基本流程与实例讲解
2018/10/21 Python
pandas分区间,算频率的实例
2019/07/04 Python
Python创建文件夹与文件的快捷方法
2020/12/08 Python
Python中的流程控制详解
2021/02/18 Python
CSS3 Columns分列式布局方法简介
2014/05/03 HTML / CSS
一款纯css3实现的非常实用的鼠标悬停特效演示
2014/11/05 HTML / CSS
日本钓鱼渔具和户外用品网上商店:naturum
2016/08/07 全球购物
阿迪达斯德国官方网站:adidas德国
2017/07/12 全球购物
【魔兽争霸3重制版】原版画面与淬火MOD画面对比
2021/03/26 魔兽争霸
英文版餐饮业求职信
2013/10/18 职场文书
大学生赌博检讨书
2014/09/22 职场文书
2014年秘书工作总结
2014/11/25 职场文书
歌咏比赛口号大全
2015/12/25 职场文书