您的位置:

js实现网页打印,js打印图形

js实现网页打印,js打印图形

更新:

本文目录一览:

使用print-js打印当前页面内容

1.安装使用

npm install print-js --save

2.在需要打印的页面导入

import print from 'print-js'

3.方法

官方地址:

使用Javascript怎样自动打印页面

1、js实现(可实现局部打印)

[html] view plain copy

input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" /

input id="btnPrint" type="button" value="打印预览" onclick=preview(1) /

style type="text/css" media=print

.noprint{display : none }

/style

p class="noprint"不需要打印的地方/p

script

function preview(oper)

{

if (oper 10)

{

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

sprnstr="!--startprint"+oper+"--";//设置打印开始区域

eprnstr="!--endprint"+oper+"--";//设置打印结束区域

prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html

prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html

window.document.body.innerHTML=prnhtml;

window.print();

window.document.body.innerHTML=bdhtml;

} else {

window.print();

}

}

/script

pXXXXX/p

!--startprint1--要打印的内容!--endprint1--

再加个打印按纽 onclick=preview(1)

2、调用windows底层打印,报安全警告,不建议使用(不支持局部打印)

[html] view plain copy

HTML

HEAD

TITLEjavascript打印-打印页面设置-打印预览代码/TITLE

META http-equiv=Content-Type content="text/html; charset=gb2312" /

SCRIPT language=javascript

function printsetup(){

// 打印页面设置

wb.execwb(8,1);

}

function printpreview(){

// 打印页面预览

wb.execwb(7,1);

}

function printit()

{

if (confirm('确定打印吗?')) {

wb.execwb(6,6);

}

}

/SCRIPT

/HEAD

BODY

DIV align=center

OBJECT id=wb height=0 width=0

classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb/OBJECT

INPUT onclick=javascript:printit() type=button value=打印 name=button_print /

INPUT onclick=javascript:printsetup(); type=button value=打印页面设置 name=button_setup /

INPUT onclick=javascript:printpreview(); type=button value=打印预览 name=button_show /

一按开始的减肥了卡时间段

/DIV

/BODY

/HTML

3、jQuery实现(支持局部打印)

[html] view plain copy

script type="text/javascript" src="jquery-1.4.2.min.js"/script

script type="text/javascript" src="jquery.PrintArea.js"/script

script

$(document).ready(function(){

$("input#biuuu_button").click(function(){

$("div#myPrintArea").printArea();

});

});

/script

input id="biuuu_button" type="button" value="打印"/input

div id="myPrintArea".....文本打印部分...../div

JS调用浏览器的打印功能

最近做一个后台管理系统,其中有个用户需求要求调用 浏览器打印 的功能去打印订单,本来以为需要用户手动( Ctrl+P )、或者打开 右键菜单 ,再选择打印功能。后来经过查询文档,JS提供了调用浏览器打印功能的API。

页面(全屏弹窗)内容设计如上图所示:

其中页面右下方有两个按钮:

这样可以调用浏览器打印功能,但是打印预览页面上会出现右下方的两个按钮,这肯定是用户不想看到的。

因此还需要根据 CSS媒体查询 来区分:

欢迎访问: 个人博客地址

js调用浏览器的打印功能

最近做了个运用浏览器打印合同的功能,之前没做过,记录一下其中遇到的问题,打印页面建议使用新开窗口

原型图如下:

页面内容不多说,表格直接用table绘制,在页面顶部加一个悬浮的打印按钮。点击打印按钮调用打印机(ctrl+p)

实现的打印预览效果如下图:

谷歌浏览器可在打印预览-更多设置-选项中去除页眉和页脚的勾选

打印的页面不可出现横向滚动条,否则会出现打印出来的内容显示不全的问题。

js网页打印

JS是吧?你在浏览页面的时候是微软雅黑,没有logo,你在调用打印函数的前一句把样式改一下,改一下字体为宋体,加上logo,打印函数调用完之后再把字体还原logo去掉不就行了?

打印机是不能实现的,就算要实现也很烦啊。。。

js如何实现页面打印

HTMLHEADTITLEjavascript打印-打印页面设置-打印预览代码/TITLE

META http-equiv=Content-Type content="text/html; charset=gb2312" /

SCRIPT language=javascript

function printsetup(){

// 打印页面设置

wb.execwb(8,1);

}

function printpreview(){

// 打印页面预览

wb.execwb(7,1);

}

function printit()

{

if (confirm('确定打印吗?')) {

wb.execwb(6,6)

}

}

/SCRIPT

/HEAD

BODY

DIV align=center

OBJECT id=wb height=0 width=0

classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb/OBJECT

INPUT onclick=javascript:printit() type=button value=打印 name=button_print /

INPUT onclick=javascript:printsetup(); type=button value=打印页面设置 name=button_setup /

INPUT onclick=javascript:printpreview(); type=button value=打印预览 name=button_show /

/DIV

/BODY

/HTML

js实现网页打印,js打印图形

本文目录一览: 1、使用print-js打印当前页面内容 2、使用Javascript怎样自动打印页面 3、JS调用浏览器的打印功能 4、js调用浏览器的打印功能 5、js网页打印 6、js如何实现页

2023-12-08
js实现打印网页(js的打印)

本文目录一览: 1、js浏览器打印设置打印次数 2、js如何实现页面打印 3、使用print-js打印当前页面内容 js浏览器打印设置打印次数 普通报表工具栏上有打印按钮,点击该按钮会弹出打印页面。思

2023-12-08
js打印当前网页,如何打印当前网页

本文目录一览: 1、如何用js实现打印当前页面隐藏的内容?(注:只显示打印按钮,不显示打印内容。) 2、网页打印问题:用javascript调用print()打印网页,打印的时候会缩放,这样打印的效果

2023-12-08
js控制网页打印(js调用浏览器打印功能)

本文目录一览: 1、js浏览器打印设置打印次数 2、js调用浏览器的打印功能 3、请教一个在网页中js控制默认横向打印的问题 4、使用Javascript怎样自动打印页面 5、js如何实现页面打印 j

2023-12-08
javascript在网页上打印单张图片,打印网页上的图片

2022-12-01
web打印js,web打印机

本文目录一览: 1、js控制横向打印web网页内容 2、web如何实现客户端打印在线文件(pdf,word,excel等),同时可以控制打印设置? 3、一个jave-web程序想知道下面代码,为什么j

2023-12-08
用js代码打印菱形,编程打印菱形

本文目录一览: 1、求JavaScript打印菱形图案 2、如何从页面上输入数字来打印菱形 js 3、怎么用js输出一个菱形 4、JavaScript用for循环打印这个菱形。 求JavaScript

2023-12-08
js打印自身代码(js如何打印)

本文目录一览: 1、JS-打印word的程序 2、js得到的数据如何打印出来 3、使用Javascript怎样自动打印页面 4、点击打印控件 打印整个页面 js代码怎么实现 5、js脚本打印的问题 代

2023-12-08
js打印office文件,js打印pdf文件

本文目录一览: 1、手机里office做的表格可以打印吗?怎么打印? 2、word另存为网页然后在通过网页js打印格式不对 3、用JavaScript导出当前页面的word文档怎么做 4、js 打开w

2023-12-08
js打印按钮代码,js打印按钮代码大全

本文目录一览: 1、JavaScript 控制自定义打印页眉和页脚 2、js中单击按钮实现代码块功能 3、用js写一段自动点击按钮的代码 4、javascript单击按钮显示出现一段文字,代码怎么写?

2023-12-08
js圆点怎么打印出来,怎么打出一个圆点

2023-01-08
php调用打印机,php实现打印机打印

2023-01-06
Js打印输出

2023-05-21
java打印分辨率(java打印素数)

2022-11-12
js实例对象打印(js 打印对象)

本文目录一览: 1、为什么node.js中有的对象不能够打印出来 2、求一个js方法,能够打印任何对象所有属性值。最好有参数可指定子对象的层次。 好用有现金红包报酬,多 3、js怎么打印object

2023-12-08
js打印网页的特定内容三步搞定(js如何自动打印)

本文目录一览: 1、如何打印网页选中的内容 2、如何打印网页内需要的内容 3、js 怎么实现打印页面的一部分内容 4、怎么样快速规范地只打印出来网页中需要的文章内容? 5、如何让打印机只打印网页上的某

2023-12-08
php打印销售单(php 打印)

2022-11-09
js打印web文件,js打印word文档

2022-11-23
js网页打印插件下载地址,网页打印插件安装

本文目录一览: 1、有哪些好用的web打印插件 2、怎么用js获取IE中ActiveX打印控件的打印机地址和名称 3、如何安装js print setup打印控件 有哪些好用的web打印插件 1、 D

2023-12-08
用JS打印正三角形

2023-05-19