html中的分页打印

最新推荐文章于 2024-04-08 21:00:49 发布
最新推荐文章于 2024-04-08 21:00:49 发布
阅读量885 收藏
点赞数
文章标签： html class border button webbrowser input

<html>
<head>
<meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">
<title>看看</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<!--media=print 这个属性可以在打印时有效-->
<style media=print>
.Noprint{display:none;}
.PageNext{page-break-after: always;}
</style>

<style>
.tdp
{
    border-bottom: 1 solid #000000;
    border-left:  1 solid #000000;
    border-right:  0 solid #ffffff;
    border-top: 0 solid #ffffff;
}
.tabp
{
    border-color: #000000 #000000 #000000 #000000;
    border-style: solid;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}
.NOPRINT {
 font-family: "宋体";
 font-size: 9pt;
}

</style>

</head>

<body >
<center class="Noprint" >
  <p>
  <OBJECT  id=WebBrowser  classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2  height=0  width=0>
  </OBJECT>
  <input  type=button  value=打印          οnclick=document.all.WebBrowser.ExecWB(6,1)>
  <input  type=button  value=直接打印  οnclick=document.all.WebBrowser.ExecWB(6,6)>
  <input  type=button  value=页面设置  οnclick=document.all.WebBrowser.ExecWB(8,1)>
</p>
  <p>    <input  type=button  value=打印预览  οnclick=document.all.WebBrowser.ExecWB(7,1)>
    <br/>
    </p>
  <hr align="center" width="90%" size="1" noshade>
</center>

<table width="90%" border="0" align="center" cellpadding="2" cellspacing="0"  class="tabp">
 <tr>
  <td colspan="3" class="tdp">第1页</td>
    </tr>
 <tr>
   <td width="29%" class="tdp">&nbsp;</td>
   <td width="28%" class="tdp">&nbsp;</td>
      <td width="43%" class="tdp">&nbsp;</td>
  </tr>
 <tr>
   <td colspan="3" class="tdp">&nbsp;</td>
  </tr>
 <tr>
   <td colspan="3" class="tdp"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="50%" class="tdp"><p>这样的报表</p>
          <p>对一般的要求就够了。</p></td>
          <td>&nbsp;</td>
        </tr>
      </table></td>
  </tr>
</table>
<hr align="center" width="90%" size="1" noshade class="NOPRINT" >
<!--分页-->
<div class="PageNext"></div>
<table width="90%" border="0" align="center" cellpadding="2" cellspacing="0"  class="tabp">
  <tr>
    <td class="tdp">第2页</td>
  </tr>
  <tr>
    <td class="tdp">看到分页了吧</td>
  </tr>
  <tr>
    <td class="tdp">&nbsp;</td>
  </tr>
  <tr>
    <td class="tdp">&nbsp;</td>
  </tr>
  <tr>
    <td class="tdp"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="50%" class="tdp"><p>这样的报表</p>
              <p>对一般的要求就够了。</p></td>
          <td>&nbsp;</td>
        </tr>
    </table></td>
  </tr>
</table>
<hr align="center" width="90%" size="1" noshade class="NOPRINT" >
<div class="PageNext"></div>
<table width="90%" border="0" align="center" cellpadding="2" cellspacing="0"  class="tabp">
  <tr>
    <td class="tdp">第3页</td>
  </tr>
  <tr>
    <td class="tdp">看到分页了吧</td>
  </tr>
  <tr>
    <td class="tdp">&nbsp;</td>
  </tr>
  <tr>
    <td class="tdp">&nbsp;</td>
  </tr>
  <tr>
    <td class="tdp"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="50%" class="tdp"><p>这样的报表</p>
              <p>对一般的要求就够了。</p></td>
          <td>&nbsp;</td>
        </tr>
    </table></td>
  </tr>
</table>
</body>
</html>

 

迪士尼公主
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Web分页打印 细线表格+分页打印之终极攻略
12-14
最近给客户做打印的时候，客户提出打印时不要打印该页面的头，只是打印表格里面的内容，因为头部有背景和打印按钮，而且要细线表格的那种，我想细线表格不是很简单吗 如果你还不知道细线表格怎么做，请看下面的代码...
js控制分页打印、打印分页示例
12-02
代码如下: <%@ page language=”java” contentType=”text/html; charset=UTF-8″ ...javascript打印-打印页面设置-打印预览代码</TITLE> <META http-equiv=Content-Type content=”text/html
WEB打印-网页打印功能(带分页、可多页打印)
热门推荐
老李 技术 专栏
08-22 5万+
Web打印 .Noprint{display:none;} .PageNext{page-break-after: always;} .tdp { border-bottom: 1 s
HTML 打印table分页
Yxh_255的博客
03-13 958
html打印table分页
HTML期末大作业~迪士尼影视电影6页面带音乐~Web大学生网页成品-s026
最新发布
面试情报局
04-08 335
页面标题为“迪士尼影业”，导航菜单包含指向主页、迪士尼动画片、公司简介、发展过程和电影纪录的链接。简介提供了迪士尼影业的基本信息，历史简要介绍了其发展历程，电影纪录列出了迪士尼影业创造的一些电影纪录，剧情剧照展示了迪士尼影业一些著名电影的剧照。HTML期末大作业~ 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作，HTML网页设计结课作业。该网站为用户提供有关迪士尼影业及其电影的全面信息，并通过嵌入音乐增强了用户体验。
html中如何设置表格分页,html中table表格分页(修订了的)
weixin_42317885的博客
07-02 5288
html中表格分页,并设定的每页10条数据,不含表头/p>"http://doc.xuehai.net/TR/html4/loose.dtd">分页表格var mytable;var my_new_table;var my_href1;var my_href2;var temp1=0;var temp2=0;var flag1 = false;var flag2 = false;var...
HTML静态网页成品作业(HTML+CSS+JS)——迪士尼公主介绍(6个页面)
weixin_42283461的博客
03-15 685
HTML静态网页成品作业(HTML+CSS+JS)——迪士尼公主介绍(6个页面)
页面打印表格换页问题
ravenYoung的博客
06-16 1906
在打印一个html页面时，会出现table数据过长，需要分多个页面打印，这时候会出现一行切成两行，导致表格行错乱。
html打印分页自带表头表尾
01-15
需要自己写打印程序时，会遇到打印分页都需有表头表尾的问题，html打印分页自带表头表尾，可以参考学习下
jQuery打印指定区域Html页面并自动分页
10-25
在网页开发中，有时我们需要对特定的HTML区域进行打印，而不是整个页面。在这种情况下，`jQuery.PrintArea.js`插件提供了一个解决方案，它允许我们指定要打印的区域，并且能够自动进行分页。这个插件特别适用于那些...
jquery打印HTML表格自动分页
05-14
采用JQuery实现的打印HTML表格自动按多少行分页，打印时分页
打印分页，html强制分页
09-25
打印分页，html强制分页，一个表格一页，可以查看打印预览
HTML 网页打印实现分页打印功能
玩味JAVA
06-05 2691
&lt;html&gt; &lt;head&gt; &lt;title&gt;页面打印&lt;/title&gt; &lt;!--media=print 这个属性在打印时有效 有些不想打印出来的分页打印的都可以应用这类样式进行控制 在非打印时是无效的(可从打印预览中看到效果)--&gt; &lt;style media=print&gt; /* 应用这个样式的在打印时隐藏 */...
用HTML编写迪士尼乐园页面
weixin_33910434的博客
04-22 408
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/html"><head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="../css/res...
迪士尼首页布局
V________的博客
11-11 543
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="css/norm
html 打印分页
qq_37669681的博客
09-18 513
转载地址 https://blog.csdn.net/liuxing393724034/article/details/83624548 很简单，只要在需要分页的地方加上一行代码： <div style="page-break-after: always;"></div> ...
dreamweaver作业静态HTML网页设计模板——迪士尼影视电影(6页)带音乐
HTML网页设计
07-27 1190
1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。3.知识应用：技术方面主要应用了网页知识中的: Div+CSS、鼠标滑
html分页打印插件的使用
08-09
HTML分页打印插件可以帮助我们在打印HTML时进行分页控制，以确保打印结果与屏幕上的显示一致。下面是HTML分页打印插件的使用方法。 首先，我们需要引入HTML分页打印插件的脚本文件。可以从插件的官方网站下载相应的脚本文件，然后在HTML代码中使用`<script>`标签引入脚本文件。 接下来，我们可以通过在CSS中定义`@media print`媒体查询来设置打印样式。通过媒体查询，我们可以指定在打印时应用的样式。例如，可以设置打印页面的背景颜色、字体大小、边距等。 然后，在HTML中的需要进行分页控制的元素周围加上`<div class="page-break">`标签。这个标签将会告诉插件在这里进行分页。可以设置不同的CSS样式来调整分页样式。 最后，在需要进行打印操作的地方调用插件提供的打印方法。可以使用JavaScript代码来触发打印操作，或者在HTML元素中添加打印按钮，通过点击按钮来触发打印操作。 需要注意的是，不同的HTML分页打印插件可能有不同的使用方法和特性。在使用插件之前，最好先阅读插件的文档或者参考示例代码，以确保正确使用插件并满足我们的具体需求。 总结起来，使用HTML分页打印插件需要引入插件的脚本文件，在CSS中设置打印样式，在需要分页控制的地方添加`<div class="page-break">`标签，并通过调用插件提供的打印方法实现打印功能。希望这些信息可以帮助您使用HTML分页打印插件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值