jquery 实现web页面div元素内容打印 2011-2-14

最新推荐文章于 2023-08-10 22:31:07 发布
VIP文章 最新推荐文章于 2023-08-10 22:31:07 发布
阅读量3.4w 收藏 5
点赞数 1
分类专栏： 工作心得 文章标签： div jquery web class function iframe
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hqlsxfy/article/details/6183590
版权

工作中遇到这种需求，但是需要手动页面设置中设定页边距

代码：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
   
    <title>My JSP 'index.jsp' starting page</title>
   
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache">
 <meta http-equiv="expires" content="0">   
 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 <meta http-equiv="description" content="This is my page">

 <link rel="stylesheet" type="text/css" href="css.css">
 <script type="text/javascript" src="jquery.js"></script>
 <script type="text/javascript" src="print.js"></script>
 <script type="text/javascript">
  $(document).ready(function(){
    $("#dayin").click(function(){
    $(".biaoti").css("color","#FFF");
    $("div#myPrintArea").printArea();
    });
  });
</script>

  </head>
 
  <body>
    <input id="dayin" type="button" value="打印">
<div cellspacing="0" id="myPrintArea" style="height:27.6cm;width:18.91cm;">
  <table cellpadding="0" cellspacing="0">
   <tr  height="27.6cm">
     <td style="width:0.8cm"><div align="center" style=" height:27.6cm; width:0.8cm;background-color:#CCC"></div></td>
        <td  cellspacing="0" style="border:none">
         <div align="center" style="height:27.6cm; width:17.51cm;background-color:#999999;">
          <table cellpadding="0"  cellspacing="0">
                 <tr>
                     <td>
                         <div cellspacing="0" align="center" style=" height:4cm; width:17.51cm;background-color:#0C0;"></div>
                        </td>
                    </tr>
                    <tr >
                     <td >
                         <div  align="center" style="  height:18.6cm; width:17.51cm;background-color:#CFF;">
                             <table cellpadding="0"  cellspacing="0">
                                    <tr  style="background-color:#FFF; height:1.4cm">
                                    <td>
                                     <div align="center">
                                         <table cellpadding="0"  cellspacing="0">
                                             <tr style="height:1.4cm">
                                        <td class="biaoti" style="width:2.5cm">航班号：</td>

最低0.47元/天 解锁文章
恋辰
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
JSP页面打印
chenbolyfxinsui的专栏
04-25 773
classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">                                               转储单                                                              转储单:             转
打印div内容
yyjun的博客
07-19 1645
打印订单 javascript:printDiv(); style> table {font-size:9pt; LINE-HEIGHT: 150%; } td {font-size:9pt; LINE-HEIGHT: 150%; } .text-center { text-alig
jquery在当前页面打印页面div内容实例
任聪聪的博客
02-24 5015
插件：jquery.jqprint 版本：v 0.3 JQuery：适合所有版本jquery文件配合使用 适用：所有类型html页面 以下是插件文件代码：jquery.jqprint-0.3.js// ----------------------------------------------------------------------- // Eros Fratini - e
在页面上通过“打印”按钮，打印div内容，实现标签的打印（含有条形码和二维码）。
qq_30848071的博客
03-26 4750
在页面上通过“打印”按钮，打印div内容，实现标签的打印（含有条形码和二维码）。操作步骤：1，加载js，jquery-1.3.2.min.js     引用jquery。                                                        jquery-barcode-2.0.1.js             引用条形码                  ...
【JSP】div自适应大小
hateson的专栏
03-30 4294
function findDimensions(){ document.getElementById("sidebar").style.height=document.body.clientHeight } findDimensions(); window.onresize=findDimensions;
使用JS打印网页指定div内容（示例：打印CSDN博客）
solo的博客
10-16 6508
方法一：提取元素打印 步骤： 1、打开谷歌浏览器，按F12 进入控制台： 2、控制台输入如下JS代码，按回车键（以打印csdn博客内容为例）： function doPrint(){ var head_str = "<html><head><title></title></head><body>"...
jQuery插件jquery-barcode实现条码打印的方法
10-23
主要介绍了jQuery插件jquery-barcode实现条码打印的方法,结合实例形式较为详细的分析了jQuery插件jquery-barcode的功能及打印条码的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
基于jQuery实现Div窗口震动特效代码-代码简单
10-23
本文给大家介绍基于jiquery实现div窗口震动特效代码，需要的朋友可以参考下
jQuery实现获取h1-h6标题元素值的方法
10-20
主要介绍了jQuery实现获取h1-h6标题元素值的方法,涉及$(":header")选择器操作h1-h6元素及事件响应相关技巧,需要的朋友可以参考下
使用jQuery加载html页面到指定的div实现方法
11-22
一、jQuery加载一个html页面到指定的div里 把a.html里面的某一部份的内容加载到b.html的一个div里。 比如：加载a.html里面的<div id=“row”></div>这个div里面的所有内容加载到b.html的这个div里<div id=”content...
JQuery打印js
12-20
jquery.jqprint文件，本来想免费的，但是最低只能选择2分，方便大家使用，特意上传方便大家使用。
jquery打印指定的div
06-01
NULL 博文链接：https://winter8.iteye.com/blog/2158210
jsp实现打印功能
吃黄瓜不蘸酱的博客
07-31 1086
jsp实现打印、导出功能。
VUE实现局部DIV打印思路
acheng
04-02 736
要实现DIV局部打印，可以使用Vue组件中的$refs属性和window.print()方法。1. 在需要打印的DIV中添加一个ref属性，在Vue组件中引用该DIV。2. 在Vue组件中添加一个打印按钮，并使用@click事件绑定一个打印方法。3. 在打印方法中，使用$refs属性获取需要打印的DIV，并将其内容复制到一个新的窗口中。4. 最后，调用window.print()方法打印新窗口中的内容。
JS打印当前页面或打印局部div
热门推荐
大智若愚的Giraffe
10-19 2万+
/** * Created by Administrator on 2016/10/19. *//** * 打印当前页面 */ function printpage() { window.print(); }/** * 打印局部 * 此js函数用于解决打印指定div的问题 */ function printdiv(printpage) { var headhtml =
在浏览器中使用javascript打印HTML中指定Div带背景图片内容生成PDF电子证书查询的解决方案
最新发布
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
08-10 2010
当用户点击"打印"按钮时，浏览器将会打印出指定的DIV内的内容。要调用浏览器中的打印功能，并指定需要打印的内容为特定的DIV内的内容，你可以使用JavaScript来实现。水平居中是相对父元素进行的，所以父元素应该具有明确的宽度。如果父元素的宽度是根据内容自适应的，请确保父元素可以容纳居中的子元素。通过将元素的左边距设置为父元素宽度的一半，将其移到了水平中间位置。变换，将元素在水平方向上向左平移了自身宽度的一半，实现了水平居中。的类，并设置了相对定位以及水平居中的样式。在上面的示例中，我们给目标。
打印DIV的内容
p15097962069的博客
06-30 770
什么是打印DIV内容的最佳方式？
Jquery插件之js打印，Div打印
天马3798
05-01 947
一、jQuery.print是用于打印页面特定部分的插件 Git源代码地址： https://github.com/DoersGuild/jQuery.print CDN使用连接： https://www.bootcdn.cn/print-js/ <script src="https://cdn.bootcdn.net/ajax/libs/jQuery.print/1...
js打印Div
ffl886的博客
04-22 1241
js打印Div指定内容
jQuery实现页面中所有的textarea元素高度根据内容自适应
06-12
可以使用 jQuery 的自适应插件 `autosize` 来实现页面中所有的 textarea 元素高度根据内容自适应。以下是实现的步骤： 1. 引入 jQuery 库和 `autosize` 插件库： ```html <script src="https://code.jquery....

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值