`
Sharpleo
  • 浏览: 573906 次
  • 性别: Icon_minigender_1
  • 来自: newsk
社区版块
存档分类
最新评论

js 控制打印

    博客分类:
  • js
 
阅读更多
转贴 http://diaolanshan.iteye.com/blog/584980

<html>
<head>
   <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>
/**//**
 *    打印相关
*/ 
@media print 
{
    .notprint 
    {
        display:none;
    }
    .PageNext
    {
        page-break-after:always;
    }     
}

@media screen 
{
    .notprint 
    {
        display:inline;
        cursor:hand;
    }
}

</style>
   <!-- 这个是普通样式 -->
   
   <script type="text/javascript">
    var hkey_root,hkey_path,hkey_key   
    hkey_root="HKEY_CURRENT_USER";
    hkey_path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
      //这个是用来设置打印页眉页脚的,你可以设置为空或者其它
      try{   
            var RegWsh = new ActiveXObject("WScript.Shell"); 
              
            hkey_key="header";
            RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"");
            
            hkey_key="footer";
            RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"");
            
      }catch(e){
      alert(e.description());
      }
     </script>
</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=打印 onclick=document.all.WebBrowser.ExecWB(6,1)>
     <input type=button value=直接打印 onclick=document.all.WebBrowser.ExecWB(6,6) />
     <input type=button value=页面设置 onclick=document.all.WebBrowser.ExecWB(8,1) />
     <input type=button value=打印预览 onclick=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>   第1页   </td>
    </tr> 
    <tr>
     <td>
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
       <tr>
        <td width="50%" class="tdp">
         对于这类打印功能的,有一个问题,就是权限问题,一般这种和操控客户端东西的代码会有安全提示,一般用户也未必会理解,
         所以像此类方法为了让使用者更明白,还需要多加注意,可以设置浏览器安全性中的未标记安全的ActiveX选项为提示,看到提示后点击(是或者允许)之类的词。
         当然最简单但不推荐的方法就是直接设置安全性最低……
        </td>
       </tr>
      </table>
     </td>
    </tr>
   </table>
</body>
</html>



分享到:
评论

相关推荐

    js 进行打印控制 打印时隐藏按钮

    ### 知识点一:JavaScript控制打印 #### 1.1 理解`window.onbeforeprint`与`window.onafterprint` 在网页打印过程中,浏览器提供了两个非常重要的事件,即`window.onbeforeprint`和`window.onafterprint`。这两个...

    JS控制打印指定div(且控制css样式)的一种另类思路

    打印指定div的插件并不多,使用JPrintArea进行指定div打印也并不好控制,此段js代码是在他人基础上融入了自己的想法,经过测试,纸张打印出来的样式在多个浏览器(ie6、ie7、ie8、火狐、谷歌)上可以做到基本统一,...

    js javascript js控制分页打印,打印分页

    为了实现分页,我们需要创建一个自定义的打印样式表(CSS),或者使用JavaScript动态修改CSS来控制打印范围。 1. **CSS媒体查询**: 使用CSS媒体查询,我们可以为打印设置不同的样式。例如,`@media print` 规则...

    原生JS打印插件之jQuery.EasyPrint.js使用文档

    原生JS打印插件之jQuery.EasyPrint.js使用文档 调用浏览器自带打印功能,...js控制分页打印、打印分页示例;js 打印插件;js使用window.print()实现打印功能;代码仅5kb; 自主研发的一个轻量级超简单的js打印插件。

    js打印WEB页面与打印预览

    JS打印WEB页面与打印预览 JS打印WEB页面与打印预览是指在WEB页面中使用JavaScript语言来实现页面的打印和预览功能。...同时,我们也可以使用JavaScript来控制打印设置,例如选择打印机、纸张大小、页边距等。

    js控制分页打印、打印分页示例

    代码如下: &lt;&#37;... charset=UTF-8″ pageEncoding=”UTF-8″%&gt; &lt;!... &lt;HEAD&gt;...javascript打印-打印页面设置-打印预览代码&lt;/TITLE&gt; &lt;META http-equiv=Content-Type content=”text/html

    利用js+div来控制打印

    ##### JavaScript控制 为了进一步增强控制能力,可以通过JavaScript来动态替换页面内容或者触发打印事件: ```javascript // 假设有一个外部页面包含需要打印的内容 function prepareForPrint() { var ...

    WEB直接打印js源码

    总结,"WEB直接打印js源码"涵盖了JavaScript控制打印的多个方面,包括使用CSS和JavaScript库定制打印设置,确保内容适应A4纸张,以及处理浏览器兼容性问题。在实际应用中,开发者需要灵活运用这些技术,以满足不同...

    javascript,js打印

    为了控制打印时的样式,可以使用CSS的媒体查询(Media Queries)。例如,可以定义`@media print`规则,为打印样式设置专门的CSS属性,隐藏不必要的元素或者改变某些元素的布局和样式。 3. **选择性打印**: 如果...

    js操作word打印

    在JavaScript(JS)中操作Word进行打印和导出是一项实用的技术,主要应用于Web应用程序与Microsoft Office集成的场景。以下是对这个主题的详细说明: 一、JS调用Word打印 JavaScript可以通过ActiveXObject对象在...

    通过调用 JS 打印图片信息

    为了解决这个问题,我们可以利用 JavaScript 的 `window.print()` 方法来控制打印行为。 以下是一个基本的 JavaScript 代码示例,用于触发打印操作: ```javascript function printImage(imageUrl) { var img = ...

    用Javascript打印网页指定标签的内容

    这种方法可以灵活地控制打印的内容和格式。下面将详细介绍两种方法来实现这个功能。 方法1:利用ActiveX控件进行打印 第一步:定义打印的标签。将要打印的内容放在一个&lt;div id="printdiv"&gt;&lt;/div&gt;标签对中。 第二...

    网页打印控件JS版

    此外,它可以精确地控制打印内容,避免打印不必要的页面元素,提高打印效率和节约纸张。开发者还可以自定义打印样式,确保打印出来的内容与网页显示一致。 在实际应用中,JsPrint的使用步骤大致如下: 1. 在HTML...

    js打印工具.zip

    3. **控制打印设置**:在IFrame中,可以使用JavaScript控制打印设置,如纸张大小、边距、方向等,提供定制化的打印体验。 4. **无插件解决方案**:使用IFrame进行打印,无需用户安装额外的浏览器插件,具有更好的...

    js打印设置页边距

    在JavaScript中实现对打印页面的定制化设置,如页边距、页眉和页脚的配置,是一项进阶技能,尤其对于需要精确控制打印输出的Web应用而言至关重要。本文将深入探讨如何使用JavaScript来调整打印时的页边距,设置或...

    javascript网页打印设置

    本文将深入探讨如何使用JavaScript控制和自定义网页打印,包括页面布局、样式处理、排除不必要元素等内容。 首先,JavaScript提供了一个内置的`window.print()`方法,用于调用浏览器的打印功能。在网页中的任何地方...

    工具-打印:js打印插件

    JS打印插件应提供这样的配置选项,让用户能控制打印的视觉效果。 4. **预览功能**:在实际打印前,用户往往需要查看打印效果。JS打印插件应提供预览功能,用户可以在打印前确认内容是否正确。 5. **用户体验**:好...

    javascript打印如何自定义纸张大小(代码)[借鉴].pdf

    JavaScript 打印自定义纸张大小 本文档讨论了使用 JavaScript 实现自定义纸张大小的打印方法,并解决了页脚、页眉、横向和纵向的问题。同时,本文还介绍了使用 IE 的 WebBrowser控件来实现打印预览和设置打印纸张...

    js 打印以及预览功能实现

    最后,`jsprint`或类似的库,如`jsPDF`,可以帮助处理更复杂的情况,如生成PDF文档或进行更精细的打印控制。`jsPDF`可以用于生成PDF文件,然后让用户选择打印或下载。 总的来说,实现JS打印和预览功能涉及到...

    JS打印报表控件

    通过这样的控件,开发者可以定制打印样式,控制打印范围,甚至调整打印布局,确保报表在纸张上的呈现与屏幕显示一致。 "分页打印"是JS打印控件的一个关键特性。在处理大量数据时,分页能够有效地组织信息,避免一次...

Global site tag (gtag.js) - Google Analytics