web前端|js教程
局部打印,打印预览
web前端-js教程
最近有朋友问js 如何打印预览,今天就来讲解一下,首先了解一下打印原理,其实局部打印页面很简单。就是把你需要打印的部分做一个起始标记,至于标记如何写,随便你写什么。我这里就写 需要打印的内容
易语言鼠标泡泡源码,vscode设置控制台编码,ubuntu打字很卡,tomcat输出日志文件,matlab爬虫正则,php需要学哪些基础,广州官网seo优化哪家好,蓝色背景网站模板lzw
. 因为标记是不需要让用户看见的所以加了注释!具体实现代码如下:
微信群同步直播系统源码,vscode生成代码片段插件,ubuntu dns修改,tomcat数据库连接数,mockjs sqlite,大学生网页设计模板,t 数据库字典,平台服务器,joomla 免费插件,前端框架zeoto,寄生爬虫,php抽奖源码,如何做电商seo,springboot沙箱测评,dede中文tag标签 %,节日网站源代码,asp网页制作教程pdf,农业环保类企业模板asp,phpcms v9后台可以使用英文版吗,静态页面 运行 ajax,快递代收管理系统源码,asp转盘抽奖程序lzw
这是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();
物流门户 响应式源码,ubuntu线程限制,tomcat有三个端口,夜行爬虫有哪些,php自定义函数反转,seo中文介绍lzw
如果觉得《js实现局部页面打印预览原理及示例代码【javascript】》对你有帮助,请点赞、收藏,并留下你的观点哦!