php怎么实现打印预览,JavaScript_js实现局部页面打印预览原理及示例代码，最近有朋友问js 如何打印预览

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

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

. 因为标记是不需要让用户看见的所以加了注释！具体实现代码如下：

打印预览简单实现

这是body 里的内容不需要打印，具体的页面设计根据自己的要求自行设计。如果需要一个页面多个tag,可以动态生成tag

这是我需要打印的内容

function preview()

{

var bdhtml=window.document.body.innerHTML;//获取当前页的html代码

var startStr="";//设置打印开始区域

var endStr="";//设置打印结束区域

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();

php怎么实现打印预览,JavaScript_js实现局部页面打印预览原理及示例代码，最近有朋友问js 如何打印预览 - phpStudy...相关推荐

怎么根据css类将html转换成数组,JavaScript_js中将HTMLCollection/NodeList/伪数组转换成数组的代码，这里把符合以下条件的对象称 - phpStudy...
js中将HTMLCollection/NodeList/伪数组转换成数组的代码这里把符合以下条件的对象称为伪数组 1,具有length属性 2,按索引方式存储数据 3,不具有数组的push,pop等 ...
uniapp中上传图片（拍摄）和预览图片(图例和示例代码)
uniapp中上传图片和预览图片图例: 示例代码: 内容 uni.chooseImage上传图片 uni.previewImage预览图片复习下uniapp的上传图片和预览图片需求:可以拍摄和上 ...
js iframe 打印打印预览页眉页脚的设置
1.window.print方式: Html代码 //jsp页面打印按钮: <input type="button" value="打印" onclic ...
linux qt 打印预览控件,Qt实现保存、浏览、预览、打印功能的示例代码
Qt提供了以文本.图片.HTML等方式来实现对文档的操作,主要用到了QPrinter类和QPainter类,用到了QFileDialog文件窗口.QPrintPreviewDialog预览窗口类和QP ...
原生JS调用打印预览页面并实现打印文件流图片（亲测有效）
在工作中我们经常会遇到使用浏览器预览打印页面并实现文件打印,那么如何才能够在打印预览页面中显示图片呢?希望看完这篇文章对您有所帮助! 1. 原生JS调用打印预览页面 2. 在打印预览页面加载图片使用 ...
axios获取图片显示_Vue.js+axios图片预览以及上传显示进度
在平时项目开发中,我们经常会对文件做一些上传操作,不仅仅要实现基本需求,也要兼顾用户体验,根据自己在工作中遇到的问题谈谈对图片上传的预览以及上传进度的优化. 1.搭建项目基于Vue.js+axios ...
JS - 实现word预览功能
前端实现word预览功能一. 文档地址要求二. 调用方法 1. html方式 2. script方式 XDOC文档预览云服务:http://view.xdocin.com/ 重要的事情说三遍: 注 ...
php 图片预览原理,JavaScript_纯JS实现的批量图片预览加载功能，1.实现原理直接见代码,需要一 - phpStudy...
纯JS实现的批量图片预览加载功能 1.实现原理直接见代码,需要一张转圈的小图片,需要预览的所有图片默认的位置全是这张小图片,滚轮滚到原图需要出现的位置时候,预览加载替换小图片.实现效果复制代码代码 ...
本地如何预览php文件上传,如何实现js上传图片本地预览同时支持预览截图的功能...
在项目中经常会用到js上传图片本地预览的效果,同时需要在预览图上直接预览截图的范围. 下面是我写的简单的demo,是用js结合cropper.js模拟实现此项前端的功能,后台则不考虑. 准备:引入文件 ...

php怎么实现打印预览,JavaScript_js实现局部页面打印预览原理及示例代码，最近有朋友问js 如何打印预览 - phpStudy...

php怎么实现打印预览,JavaScript_js实现局部页面打印预览原理及示例代码，最近有朋友问js 如何打印预览 - phpStudy...相关推荐

最新文章

热门文章