当前位置: 首页 > 编程笔记 >

js实现局部页面打印预览原理及示例代码

慕阳伯
2023-03-14
本文向大家介绍js实现局部页面打印预览原理及示例代码,包括了js实现局部页面打印预览原理及示例代码的使用技巧和注意事项,需要的朋友参考一下

最近有朋友问js 如何打印预览,今天就来讲解一下,首先了解一下打印原理,其实局部打印页面很简单。就是把你需要打印的部分做一个起始标记,至于标记如何写,随便你写什么。我这里就写 <!--startprint--> 需要打印的内容

<!--endprint-->. 因为标记是不需要让用户看见的所以加了注释!具体实现代码如下:

<!DOCTYPE html> 
<html> 
<head> 
<title>打印预览简单实现</title> 
</head> 
<body> 
<div> 
这是body 里的内容不需要打印,具体的页面设计根据自己的要求自行设计。如果需要一个页面多个tag,可以动态生成tag 
</div> 
<!--startprint--> 
<div> 
这是我需要打印的内容 
</div> 
<!--endprint--> 
<script type="text/javascript"> 
function preview() 
{ 
var bdhtml=window.document.body.innerHTML;//获取当前页的html代码 
var startStr="<!--startprint-->";//设置打印开始区域 
var endStr="<!--endprint-->";//设置打印结束区域 
var printHtml=bdhtml.substring(bdhtml.indexOf(startStr)+startStr.length,bdhtml.indexOf(endStr));//从标记里获取需要打印的页面 

window.document.body.innerHTML=printHtml;//需要打印的页面 
window.print(); 
window.document.body.innerHTML=bdhtml;//还原界面 
} 
preview(); 
</script> 
</body> 
</html>
 类似资料:
  • 本文向大家介绍用js实现页面局部打印和预览原理是什么呢?同时在IE上有什么不同?相关面试题,主要包含被问及用js实现页面局部打印和预览原理是什么呢?同时在IE上有什么不同?时的应答技巧和注意事项,需要的朋友参考一下 以React为例封装一个PrintContainer

  • 本文向大家介绍链表的原理及java实现代码示例,包括了链表的原理及java实现代码示例的使用技巧和注意事项,需要的朋友参考一下 一:单向链表基本介绍 链表是一种数据结构,和数组同级。比如,Java中我们使用的ArrayList,其实现原理是数组。而LinkedList的实现原理就是链表了。链表在进行循环遍历时效率不高,但是插入和删除时优势明显。下面对单向链表做一个介绍。 单链表的概念 链表是最基本

  • 本文向大家介绍Android实现PDF预览打印功能,包括了Android实现PDF预览打印功能的使用技巧和注意事项,需要的朋友参考一下 最近在做一个项目,需要用到android手机连接打印机进行打印的功能,目前在网上找到的教程介绍的都是蓝牙连接热敏打印机(pos机大小的打印机)和蓝牙打印机,如果连接日常所见到的网络打印机,进行打印,很显然这些教程是做不到的。 由于android没有提供任何标准,都

  • 本文向大家介绍electron实现静默打印的示例代码,包括了electron实现静默打印的示例代码的使用技巧和注意事项,需要的朋友参考一下 前言 electron+vuecli3 实现设置打印机,静默打印小票功能 网上相关的资料比较少,这里给大家分享一下,希望大家可以少踩一些坑 github地址 必须要强调一下的是electron的版本必须是3.0.0不能,我尝试了4和5都没有实现 效果图 使用

  • 本文向大家介绍java原装代码完成pdf在线预览和pdf打印及下载,包括了java原装代码完成pdf在线预览和pdf打印及下载的使用技巧和注意事项,需要的朋友参考一下 前提准备: 1. 项目中至少需要引入的jar包,注意版本:     a) core-renderer.jar     b) freemarker-2.3.16.jar     c) iText-2.0.8.jar     d) iT

  •   最后,我们要给绘图程序增加打印和打印预览功能。我们希望文档分两页打印,第一页为封面,打印文档名字。第二页输出文档内容,并在页眉上打印文档名字。虽然AppWizard已经自动生成了打印和打印预览的代码,但是许多情况下,并不能符合要求。 这是因为: 1.打印机和窗口(屏幕)显示的分辨率不同:打印机的分辨率用每英寸多少个点来描述,屏幕分辨率用单位面积的像素点来表示。对于同样的Arial字体下的一个字