打印、设置、预览页面

最新推荐文章于 2021-08-04 01:43:21 发布
最新推荐文章于 2021-08-04 01:43:21 发布
阅读量712 收藏
点赞数
分类专栏： d_html/css/javascript 文章标签： javascript打印预览
<html>
<head>
<title>打印</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Content-type" content="text/html;charset=gb2312">
<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">


<style media=print type="text/css">
.noprint {
visibility: hidden
}


#print {
display: none;
}
</style>
</style>
</head>


<body>
<div id="print" style="height: 20px;">
<OBJECT id="WebBrowser"
classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0"
width="0">
</OBJECT>
<table width="100%" height="100%">
<tr align="center" valign="middle" style="width: 100%;">
<td style="font-size:14px;">
<input type="button" style="width: 80px;" value="打印"
οnclick="window.print();">
<input type="button" style="width: 80px;" value="页面设置"
οnclick="document.all.WebBrowser.ExecWB(8,1)">
<input type="button" style="width: 80px;" value="打印预览"
οnclick="document.all.WebBrowser.ExecWB(7,1)">
</td>
</tr>
</table>
</div>
<br>
<div id='main' align='center'>

12312312313123113

</div>
</body>
<script type="text/javascript">
  window.moveTo(0,0);
    window.resizeTo(window.screen.availWidth,window.screen.availHeight);
//document.getElementById("mainPrint").innerHTML = opener.window.document.getElementById(aa).innerHTML;此处的aa是父页面传过来的要打印区域的ID
  </script>
</html>
李_逍遥
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript打印大全(打印页面设置/打印预览代码)
10-27
打印页面设置,打印页面预览在打印过程中经常会遇到，网上搜集整理了一些实用的打印方法与大家分享，感兴趣的朋友可以了解下哈
VB.NET打印预览、页面设置程序实例.txt
12-20
### VB.NET打印预览、页面设置程序实例解析 在日常的办公软件开发中，打印功能是必不可少的一部分。本文将详细解析一个VB.NET中的打印预览和页面设置的程序实例，帮助开发者更好地理解和实现这一功能。 #### 一、...
Extjs Window用法详解 3 打印具体应用，是否关掉打印预览的界面
weixin_33971205的博客
07-03 149
Extjs Window用法详解 3 打印具体应用，是否关掉打印预览的界面   Extjs 中的按钮元素 {xtype: 'buttongroup',title: '打印',items: [me.tsbDel = Ext.create('Ext.button.Button', {text: '打印123',iconCls: 'tool_print',scale: 'large',iconAli...
ExtJS 4 Beta 2预览：Ext.Brew包
黄灯桥的专栏
04-02 1974
    我们还没有介绍过ExtJS 4众多特性之一的新Ext.Brew包。这是独一无二的Javascript框架，Ext.Brew是采用Sencha独特技术酿造的的一杯完美的茶。     使用新数据包的强大功能，可在任何时候构建一个生成一致均衡的茶的应用程序。开始之前，首先定义一个部件之间用于交互的模型。 1  Ext.onReady(function() { 2      Ext
ExtJS中更新html内容以及iframe中内容打印
起點ing 的专栏
09-10 1159
如下代码：先定义panel，panel中的html是已经有内容的，其中的dataURL是个变量，需要到后台程序中取数据  items: [                                  {                                      xtype: 'panel',                                      t
jsp打印综合
woaitiyu的专栏
10-27 3864
  报表 .Noprint{display:none;} .PageNext{page-break-after: always;} .style_td { border-bottom: 1 solid #000000; border-left: 1 solid #000000; border-right: 0 solid #ffffff; border-top: 0 solid #
Jsp页面中实现打印打印预览及打印设置
08-12
通过上述方法，我们可以在 JSP 页面中实现丰富的打印功能，包括打印、打印预览、页面设置以及高级打印设置。这些技术不仅可以满足用户的基本打印需求，还能提供更高质量的打印体验。需要注意的是，由于浏览器兼容性...
js实现局部页面打印预览原理及示例代码
10-25
JavaScript 实现局部页面打印预览是一项常见的前端技术，它允许用户仅打印网页中特定部分的内容，而不是整个页面。以下是对这个主题的详细说明，以及如何使用 JavaScript 来实现这一功能。 首先，我们要理解打印...
css .noprint,css 的@media print控制打印
weixin_35797127的博客
08-04 820
原文鏈接：http://blog.csdn.net/wyaspnet/article/details/6436387普通的Web打印，將會打印頁面中的全部內容，但在開發實際網站時，通常只需要打印頁面中指定的內容，為了解決該問題，可以應用CSS樣式對打印內容進行控制。運行本實例，單擊“打印”超級鏈接即可按用戶的設置進行打印。實例運行結果如圖11.14、圖11.15所示。圖11.14 利用CSS樣式打...
javascript打印、设置、预览
wckjlu的专栏
04-13 765
来源：http://blog.adyouth.com/?10910/viewspace-7599.html javascript打印-打印页面设置-打印预览代码 　　function printsetup(){ 　　// 打印页面设置 　　wb.execwb(8,1); 　　} 　　function printpreview(){ 　　// 打印页面预览 　　　
打印Ext组件中的内容
东亮博客
07-15 3546
描述一下大概功能需求：从Ext的GridPanel中选择一条记录，将这条记录的详细信息呈现在Ext的Window当中，将Window中呈现的数据按其格式用打印机打印出来。 要处理这个有两种方式： 1.在前台用JavaScript调用打印机打印 2.在后台服务器端处理 由于需求的原因，这里只允许使用第一种方式。想来应该也不难，JavaScript调用一下window.print()（注意：不
extjs利用第三方打印插件lodop实现打印功能
yijianzhi77的博客
03-12 1213
extjs由于是基于JS语言，其打印是可以按照一般的WEB打印方式来进行。笔者在网络上发现第三方打印插件Lodop(详见地址：http://mtsoftware.v053.gokao.net/index.html），因为这个插件可以实现多种浏览器（如：IE FF 谷歌），笔者讲究了一下，简单介绍如下： 1：引入Lodop     在页面的head位置引入...
Java 打印的文本文件和打印预览
张天疯的专栏
10-21 2409
 import java.awt.BorderLayout;import java.awt.Color;import java.awt.Container;import java.awt.Dimension;import java.awt.Event;import java.awt.Font;import java.awt.Graphics;import java.awt.Graphics2D;i
在打印或打印预览前如何获取报表页数
zgqtxwd的专栏
04-30 523
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
用javascript实现本地图片预览(HTML5)
CLeopard's Blog In CSDN
12-10 2476
使用FileReader实现打开本地图片并预览。  function preImg(sourceId, targetId) { if (typeof FileReader === 'undefined') { alert('Your browser does not support FileReader...'); return; } var reader
js 监听chrome打印预览页面
最新发布
05-27
可以通过以下步骤来监听Chrome打印预览页面的事件： 1. 获取打印预览页面的iframe元素和其中的文档对象： ```javascript var previewIframe = document.getElementById("print-preview"); var previewDoc = previewIframe.contentDocument || previewIframe.contentWindow.document; ``` 2. 给打印按钮和取消按钮绑定点击事件： ```javascript var printBtn = previewDoc.getElementById("printButton"); printBtn.addEventListener("click", function() { // 打印按钮被点击时的逻辑 }); var cancelBtn = previewDoc.getElementById("cancelButton"); cancelBtn.addEventListener("click", function() { // 取消按钮被点击时的逻辑 }); ``` 注意，Chrome打印预览页面中的打印按钮和取消按钮的ID可能因版本而异，需要根据实际情况进行调整。 3. 监听打印预览页面的关闭事件： ```javascript previewIframe.addEventListener("load", function() { var previewWindow = previewIframe.contentWindow; previewWindow.onbeforeunload = function() { // 打印预览页面关闭时的逻辑 }; }); ``` 这样就可以在JavaScript中监听Chrome打印预览页面的事件了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值