JS怎么实现页面打印 JS实现页面打印的方法

亦凉 2024-04-01 11:21 87阅读 0赞

**JS实现页面打印**

1、js实现（可实现局部打印）

\[html\]

<input id="btnPrint" type="button" value="打印" οnclick="javascript：window.print();" />

<input id="btnPrint" type="button" value="打印预览" οnclick=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="";//设置打印开始区域

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

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>

<p>XXXXX</p>

要打印的内容

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

2、调用windows底层打印，报安全警告，不建议使用（不支持局部打印）

\[html\]

<HTML>

<HEAD>

<TITLE>javascript打印-打印页面设置-打印预览代码</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 οnclick=javascript：printit() type=button value=打印 name=button\_print />

<INPUT οnclick=javascript：printsetup(); type=button value=打印页面设置 name=button\_setup />

<INPUT οnclick=javascript：printpreview(); type=button value=打印预览 name=button\_show />

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

</DIV>

</BODY>

</HTML>

3、jQuery实现（支持局部打印）

\[html\]

<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>

来源：[微点阅读][Link 1] [https://www.weidianyuedu.com][Link 1]

[Link 1]: https://www.weidianyuedu.com

发表评论取消回复

表情：

评论列表（有 0 条评论，87人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS怎么实现页面打印 JS实现页面打印的方法

JS实现页面打印 1、js实现（可实现局部打印） \[html\] <input id="btnPrint" type="button" value="打印" οncli

亦凉/ 2024年04月01日 11:21/ 0 赞/ 88 阅读

相关使用JS实现打印功能

文章目录直接上代码效果如图 > 通常我们会遇到打印报表或者页面内容，这里介绍一种很方便只有几行代码就能实现打印需求的方法。直接上代码

女爷i/ 2022年12月17日 08:56/ 0 赞/ 189 阅读

相关 js打印页面指定区域内容

2种方式: 一种只支持IE浏览器另一种支持各类浏览器 <html xmlns="http://www.w3.org/1999/xhtml">

缺乏、安全感/ 2022年09月26日 03:04/ 0 赞/ 189 阅读

相关 js打印全面页面和部分页面内容

function printPage(obj) \{ if (obj == 'true') \{

快来打我*/ 2022年08月11日 04:30/ 0 赞/ 194 阅读

相关 JS打印页面内容

将需要打印的东西放入div容器，给div容器指定一个id 原理：生成一个新的打印页面，供window.print()调用 function Print(printp

àì夳堔傛蜴生んèń/ 2022年08月09日 03:09/ 0 赞/ 200 阅读

相关 web 页面分页打印的实现

1．首先引入一个WebBrowser在需要打印的页面，可以直接添加：代码如下: <object id="WebBrowser" classid=CLSID:

以你之姓@/ 2022年08月05日 16:16/ 0 赞/ 190 阅读

相关 js实现页面刷新的方法

一、页面刷新方法： 1，reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload(\[bForceGet\]) 参数： bForce

爱被打了一巴掌/ 2022年07月17日 02:38/ 0 赞/ 206 阅读

相关 js页面打印去掉页眉页脚

打印的时候有时间和请求的网址，客户不希望有这样的信息，所以再head中添加 <style type="text/css"> @page \{ margin

╰+攻爆jí腚メ/ 2022年05月29日 09:27/ 0 赞/ 268 阅读

相关打印页面

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] //打印页面设置 function printset

朱雀/ 2022年01月14日 08:49/ 0 赞/ 387 阅读

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

网页实现全局和局部打印打印方式一： 1.首先在head里面加入下面一段js代码： <script language="javascript">

柔光的暖阳◎/ 2021年07月24日 20:31/ 0 赞/ 770 阅读