js 打印 分页

最新推荐文章于 2024-06-13 10:49:15 发布
最新推荐文章于 2024-06-13 10:49:15 发布
阅读量710 收藏
点赞数 1
分类专栏： 技术
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011704663/article/details/89174887
版权

.A4{

    page-break-before: auto;
    page-break-after: always;
}
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>分页测试</title>
<style type="text/css">
<!--
.A4 {        
    page-break-before: auto;        
    page-break-after: always;
}
-->
</style>
</head>

<body>
    <div class="A4">第一页</div>
    <div class="A4">第二页</div>
</body>
</html>

打印的方法：window.print();

天人不合一
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue使用printJs实现前端打印,以及打印分页实现
Arcobaleno_1177的博客
08-08 6170
在web端可以直接使用原生调用方法调用打印,但是往往需要单独把需要打印的东西拎出来画一个单独的html,而使用printJs则可选中你需要打印的代码块,进行页面局部打印。
jQuery.print.js ，实现分页打印
19：30的博客
02-25 5114
下载js 链接：jQuery.print.js 提取码：59lz 注意：先引入 jquery.min.js，然后在引入jQuery.print.js 打印demo: // div_id 就是html页面上某个容器id(div) $("#div_id").print(); 自定义打印分页： // 在需要新分页的容器前后加上： <div style="page-break-after:alw...
print-js分页批量打印
最新发布
chiwawa_的博客
06-13 271
解决分页打印页面控制问题
JS 实现分页打印功能
01-19
在调用window.print()时，可以实现打印效果，但内容太多时要进行分页打印。 在样式中有规定几个打印的样式 page-break-before和page-break-after CSS属性并不会修改网页在屏幕上的显示，这两个属性是用来控制文件的打印方式。 每个打印属性都可以设定4种设定值：auto、always、left和right。其中Auto是默认值，只有在有需要时，才需设定分页符号 (Page breaks)。 page-break-before若设定成always，则是在遇到特定的组件时，打印机会重新开始一个新的打印页。 page-break-before若设定成left，则会
JS 实现web分页打印功能
11-09
使用JS的Window对象的Print方法实现兼容性强的分页打印功能，可直接运行，代码直接复制即可用。
通过html和css实现打印分页控制
crazyXB的博客
12-25 2221
通过html和css实现打印分页控制，用到的属性为page-break-before和page-break-after
js控制分页打印、打印分页示例
12-02
代码如下: <%... charset=UTF-8&Prime; pageEncoding=”UTF-8&Prime;%> <!... <HEAD>...javascript打印-打印页面设置-打印预览代码</TITLE> <META http-equiv=Content-Type content=”text/html
学习web打印以及强制分页
imthekingofthe的博客
03-03 945
在元素后面插入页分割符直到它到达一个空白的左页边。：在元素后面插入页分割符直到它到达一个空白的右页边。具体配置如下，也可以传入配置对象，具体请查看官网。css属性：page-break-after。：避免在元素后出现页分割符。：使用与父元素相同的属性值。：强制在元素后出现页分割符。：对页面分割没有影响。
jqprint可分页打印页面内容
12-09
利用jquery插件jqprint打印当前页面的标签内容，自动换页，包含jar包，js，java代码。
js 实现打印带分页
liangdvi的博客
06-24 687
IE 自带的接口打印 1)在body中加入这个object &lt;OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0 VIEWASTEXT&gt; &lt;/OBJECT&gt; 2)在head头部加入 &lt;!--media=print 这个属性可以在打...
js 分页页码 根据总条数计算有多少页，计算页码
橙-极纪元-cplvfx-JJY.Cheng
06-15 2891
js 分页页码 根据总条数计算有多少页，计算页码
打印网页去掉页眉和页脚，js打印横向，打印表格自动换页
qq_38402659的博客
08-07 775
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta http-equiv="X-UA-Compatib...
js javascript js控制分页打印,打印分页
yztezhl的专栏
02-07 2784
Html代码   %@ page language="java" contentType="text/html; charset=UTF-8"       pageEncoding="UTF-8"%>   >   HTML>   HEAD>   TITLE>javascript打印-打印页面设置-打印预览代码TITLE>    META http-equiv=Conten
打印Html页面自动分页
热门推荐
Peak Xin's Blog
05-22 2万+
在想要分页的地方添加一行代码即可<div style="page-break-after: always;"></div>添加后用chrome浏览器用js代码调用打印function preview() { bdhtml=window.document.body.innerHTML;//获取当前页的html代码 sprnstr="<!--startprint-
JS 实现分页打印
weixin_30596735的博客
05-25 618
在调用window.print()时，可以实现打印效果，但内容太多时要进行分页打印。 在样式中有规定几个打印的样式 page-break-before和page-break-after CSS属性并不会修改网页在屏幕上的显示，这两个属性是用来控制文件的打印方式。 每个打印属性都可以设定4种设定值：auto、always、left和right。其中Auto是默认值，只有在有需要时，才需设定分页...
js控制打印分页
weixin_33725515的博客
03-21 120
&lt;html&gt; &lt;title&gt;JS 分页批量打印解决方案(只支持IE)&lt;/title&gt; &lt;script language="javascript"&gt; function printWithAlert() { document.all.WebBrowser.ExecWB(6,1); } ...
网页打印怎样分页
walle的博客
10-02 1532
  在要分页的地方插入一个div,  其style为如下.PageNext即可 &lt;style media=print&gt; .Noprint{display:none;} .PageNext{page-break-after: always;} &lt;/style&gt;  
js从服务器获取word文档,JavaScript-js如何获取word文档页数
weixin_39955421的博客
08-06 1268
网上得到如下代码可以实现js读取word、excel的内容。。我想得到word、Excel的页数怎么才能获得呢，求各位大侠鼎力相助。。。GetDataFromExcelPage .myCss { background-color: #c0ddff; text-align:center; vertical-align:sub; } .myBtn { width:50px; height:20px; ...
IE里面打印HTML页面时的分页控制
前端基础入门学习线路
02-21 1214
在设计HTML页面的过程中经常会遇到表单元素覆盖样式元素引起的问题，图一就是一个典型的例子。不要小看这个貌似“低级”的问题，即使一些规模较大的网站上类似的问题也绝不鲜见。本文探讨了造成这一问题的根本原因，并提出一种补救办法——之所以说补救办法而不是一劳永逸的解决办法，是因为微软和NetScape这两个巨头也还没有对策。 　　一、HTML元素的显示优先级 　　HTML中常用的表单元素包括：文...
print-js批量分页打印
10-18
您可以使用以下步骤来实现print-js批量分页打印： 1. 首先，您需要在您的HTML文件中引入print-js库。您可以使用以下代码： ```html <script src="https://printjs-4de6.kxcdn.com/print.min.js"></script> ``` 2. 接下来，您需要为每个要打印的页面创建一个按钮，并将其与print-js库中的print()函数关联。您可以使用以下代码： ```html <button onclick="printJS('page1.html')">Print Page 1</button> <button onclick="printJS('page2.html')">Print Page 2</button> <button onclick="printJS('page3.html')">Print Page 3</button> ``` 3. 最后，您需要在每个要打印的页面中包含一个隐藏的div元素，其中包含要打印的内容。您可以使用以下代码： ```html <div id="print-content" style="display:none;"> <!-- Your content goes here --> </div> ``` 然后，在按钮上调用print()函数时，它将自动打印与相应页面关联的内容。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值