js 实现打印当前html

用JS在html页面实现打印功能

首先在head里面加入下面一段js代码: <script language="javascript"> function preview(oper) { if (oper < 10){ bdhtml=window.document.body.innerHTML;//获取当前页的html代码 sprnstr="";//设置打印开始区域 eprnstr="<

JS 网页打印解决方案

这些日子真是太忙了,项目太多了公司总是加班,而且这些项目中好多都用到的打印,所以学习了一段时间js的打印. 其实原来只是用到了简单的功能,现在要深入的了解才发现原来ie的网页打印也是如此的强大. 以下是我在网上摘录的js打印方法. Javascript网页打印大全普通打印(整页打) 打印网页内部分内容(自定义) 打印去掉/添加页眉页脚使用外部控件/方法实现多功能打印打印背景以上为代码控制设置“页面设置”实现打印参数设置

网站开发进阶(十二)JS实现打印功能(包括打印预览、打印设置等)

JS实现打印功能(包括打印预览.打印设置等) 绪最近在进行项目开发时,需要实现后台管理端打印功能,遂在网上一阵搜索,搜到了很多相关的文章.其中绝大部分文章都是使用的Lodop5.0(Web打印和套打控件)控件,而且有些环境下还不能使用.如有想使用此控件实现打印功能的盆友,可点击进行下载.但我强烈推荐下面的方法,即利用系统本身的打印属性实现打印功能.简单的一条系统调用命令即可实现. 前提条件: 进行的电脑必须连接有打印机,至于判断PC是否连接打印机的问题还未能解决,欢迎有解决方法的朋友留言,小生

前端js实现打印excel表格

产品原型: 图片.png 功能需求:点击导出考勤表格按钮,会自动下载成Excel格式图片.png 图片.png jsp页面代码: <div class="tools"> <button type="button" class="btn green" id="excell" onclick="method5('dataTable')">导出考勤表</button> <

前端js实现打印（导出）excel表格

产品原型: 图片.png 功能需求:点击导出考勤表格按钮,会自动下载成Excel格式图片.png 图片.png jsp页面代码: <div class="tools"> <button type="button" class="btn green" id="excell" onclick="method5('dataTable')">导出考勤表</button> <

用js实现打印九九乘法表

用js在打印九九乘法表思考在学习了流程控制和条件判断后,我们可以利用js打印各式各样的九九乘法表不管是打印什么样三角形九九乘法表,我们都应该找到有规律的地方,比如第一列的数字是什么规律,第一行的数字是什么规律,只要找到了共性,九九乘法表就很简单了注意点怎么控制换行? console.log()默认就是打印一次换一行,我们这时候就需要把一行的乘法数字都通过字符串拼接在一起,等这一行结束后,就在外层for循环里打印,而不是在内层的循环. 怎么实现每两个数相乘后的间隔? 这个简单,使用转义字

js灵活打印web页面区域内容的通用方法

我们做网站,经常需要打印页面指定区域的内容,而网上关于这块的说法很多,各种各样的打印控件也不少.但许多打印方案都不怎么好,至少我不喜欢,要么封装复杂,要么难以维护.正好现在的项目也需要用到页面打印,于是在网上找了一个最简洁的打印插件,在它的基础上自己写了一个通用的打印方法,可以直观的修改样式.现在把代码贴出来,留置后用,也可以给大家一些参考. 通过这次试水,才知道,原来html中,media元素大有用途,这里正好小用一把,去掉超链接的url显示 1.网上找的js打印插件 /* * V

js控制打印转的

很多时候,我们在做系统的时候要做打印功能,打印在js中其实很简单,不过这个很简单的代码并不能满足我们的特定需求,比如我们需要打印的表单在很多文字的中间,或者文字中包含一些广告或者图片什么的,这就很难用:window.print():这时,我们就要分区域的打印,将需要打印的内容提取出来让打印机知道,而不是一股脑的全部打印! 下面是两种实现的方法: 第一种:区域划分法.将要打印的部分用特殊的字符标记起来进行打印.这样下来还是有页眉和页脚,可以写去页眉页脚的方法放进去.JS 实现简单的页面局部打印 1

JS Web打印，实现预览新样式

问题描述: JS实现Web打印,要求打印前一种样式,打印预览时新样式问题解决: (1)设置打印时的css样式,设置打印前的css样式注: 以上为print.css打印时的css样式,其中display可以设置当前的css对象是否可见,设置上述css样式为打印时的样式: 如上所示,添加media="print",就可以设置此css样式文件为打印时可见. 注: 以上为当前页面的样式,起初是隐藏的,在打印预览时,希望显示出来,打印时

转载js实现打印功能

<div id="print">打印的内容</div><a href="javascript:void(0)" onclick="printView('print');">打印</a> 实现打印的JS函数://局部打印function printView(id){ var sprnhtml = $(id).outerHTML; var selfhtml = window.document.body.

js快速打印一个五分制（五颗星）的评分情况

1.函数下面这个函数实现了在html页面中快速打印一个五分制(五颗星)的评分情况: function getRating(rating) { if(rating > 5 || rating < 0) throw new Error('数字不在范围内'); return "★★★★★☆☆☆☆☆".substring(5 - rating, 10 - rating ); } 2.demo如下 <!DOCTYPE HTML> <html> <hea

js如何打印object对象

js调试中经常会碰到输出的内容是对象而无法打印的时候,光靠alert只能打印出object标示,却不能打印出来里面的内容,甚是不方便,于是各方面整理总结了如下一个函数,能够将数组或者对象这类的结果一一打印出来,具体代码如下: function writeObj(obj){ var description = ""; for(var i in obj){ var property=obj[i]; description+=i+" = "+property+"

Three.js 3D打印数据模型文件（.STL）载入中

3DPrint是现在和未来10年度科技产品的主流之中.广泛的. 对于电子商务类3D打印网站.一个主要功能就是商品3D呈现的方式,那是,3D数据可视化技术. HTML5(WebGL)它可以用于构建3D查看.三维动画.人机交互.Three.js它是一个主流JS架用来支持和简化WebGL编程. 本例是一个简单的Three.js应用.即把一个外部可用于打印的3D标准建模文件(STL文件)加载到浏览器中绘制出来. 支持二进制和文本编码的STL文件,支持自己主动探測文件格式.字符编码使用UTF-8. 使用起

JS控制台打印星星，总有你要的那一款~

用JS语句,在控制台中打印星星,你要的是哪一款呢~来认领吧~ 1.左直角星星效果: 代码: let readline=require("readline-sync"); console.log("请输入你想要的星星行数:"); let row=parseInt(readline.question("")); //左直角三角形 let star1=""; console.log("你要的"+row+&quo

js 账单打印并分页

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@include file="/webpage/inc/inc.jsp"%> <!doctype html> <html lang="en"> <head> <met

js开发打印证书功能(二)

在上一篇的基础上,实现了一下另外一种方式. 上一篇地址:https://www.cnblogs.com/ljwsyt/p/9525290.html 首先,该方式也是有几种方法. 1.在上一篇的基础上,将生成的html转化成canvas,然后就可以直接对canvas进行打印和保存. 需要注意的是,canvas打印的时候是一片空白的,需要先转化为图片然后打印.而生成canvas之后可以直接右键保存了,也可以增加按钮进行保存,保存的时候也是先转化为base64图片然后再进行保存. 方法:使用html2

js开发打印证书功能

最近突然被加了要打印证书的功能的需求.其实打印功能很简单,直接调用window.print()就可以打印,只是这是最基本的打印,会打印当前页面的所有元素,而我们要的是局部打印,实现方法: 1.设置好开头与结尾,然后进行识别和打印(前边有介绍),见:https://www.cnblogs.com/ljwsyt/p/9511546.html: 2.使用jqPrint进行打印.jqPrint是对window的打印进行了一些简单便捷的封装,其源代码很少. 地址:https://github.com/MR

JS页面打印

平常浏览网页和文档的时候,随处可见打印两个字,有时候不小心点到或者快捷键触发到,就会弹出一个打印的页面,上边显示的打印机是GoldGrid Virtual Printer,这是计算机的虚拟打印机,打印后就会生成类似扫描件的pdf文档.当然如果连接了打印机并设置好,可以直接调用到打印机进行真实的打印. 接下来要介绍的是js端进行的一些打印操作: 1.直接调用window的print方法进行打印,效果同直接点击打印,会将整个页面进行打印: 2.局部打印: 页面如下 <h1>不需要打印</h1

js barcode 打印

新建 html <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <!-- <link href="printStyle.css" rel="stylesheet"type="text/css" media=&q

c-lodop云打印实现手机打印 JS语句打印

Lodop和c-lodop目前只能安装到windows操作系统上,但是其他操作系统可通过向C-Lodop安装的电脑发送打印任务,实现手机广域网或局域网打印,打印语句也是简单的JS语句,可以轻松实现云打印. 手机用C-Lodop(云打印方式)打印目前有三种方式:手机访问c-lodop集中打印(局域网)手机访问c-lodop广域网端桥打印(广域网)手机访问c-lodop广域网AO打印(广域网) 由于Lodop和c-lodop目前只能安装到windows操作系统上,常见的客户访问网站,然后用客户自己本

js如何打印对象

js调试中经常会碰到输出的内容是对象而无法打印的时候,光靠alert只能打印出object标示,却不能打印出来里面的内容,甚是不方便,于是各方面整理总结了如下一个函数,能够将数组或者对象这类的结果一一打印出来,具体代码如下: function writeObj(obj){ var description = ""; for(var i in obj){ var property=obj[i]; description+=i+" = "+property+"

js 实现打印当前html

热门专题