`
diaolanshan
  • 浏览: 175112 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

JS 控制页面打印内容

    博客分类:
  • JS
阅读更多

<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>
   
   <!-- 这个是普通样式 -->
   
   <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 js控制分页打印,打印分页

    在JavaScript(JS)中,控制分页打印是一个常见的需求,特别是在网页开发中。这涉及到将大量数据分成可管理的小块,以便用户可以逐页查看和打印。本文将深入探讨JavaScript如何实现这一功能,并结合标签“源码”和...

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

    通过上述讨论可以看出,利用JavaScript控制网页打印过程中的元素隐藏是一项非常实用的技术。不仅可以提升用户体验,还能根据不同需求灵活定制打印效果。开发者可以根据实际项目需求,灵活运用这些技巧,以实现更加...

    js打印WEB页面与打印预览

    JS打印WEB页面与打印预览是指在WEB页面中使用JavaScript语言来实现页面的打印和预览功能。以下是实现这个功能的三种方法: 第一种方法:使用CSS隐藏不打印内容 在这个方法中,我们可以使用CSS来隐藏不需要打印的...

    利用javascript实现网页打印

    通过这些技术,我们可以定制打印内容,隐藏不需要的元素,调整页面布局,并控制分页。为了优化打印体验,还需要考虑不同浏览器的兼容性和用户可能的打印设置。在实际应用中,可以根据需求调整代码,确保打印功能既...

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

    用Javascript打印网页指定标签的内容是指在网页上选择指定的标签,然后将其内容导出到另一个页面上,最后进行打印的操作。这种方法可以灵活地控制打印的内容和格式。下面将详细介绍两种方法来实现这个功能。 方法1...

    网页打印去掉页眉页脚,以及控制不需要打印的内容

    网页打印是将网页内容输出到纸质媒介上的过程,而...CSS用于定义打印样式,JavaScript则提供动态控制页面元素的能力。通过理解和运用这些技术,我们可以更好地定制网页的打印体验,确保用户得到整洁、有效的打印输出。

    网页打印控件JS版

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

    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

    javascript网页打印设置

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

    js指定打印页面部分内容代码

    在调用此函数前,确保已设置了适当的CSS以控制打印内容。 ```javascript function printSpecificContent() { // 先隐藏不需打印的内容 document.getElementById('non-printable').classList.add('no-print'); ...

    代码控制网页内容横向打印

    5. **JavaScript控制**:使用JavaScript的`window.print()`方法来打开打印对话框,并可以监听`beforeprint`和`afterprint`事件,对打印前后的页面状态进行处理。 6. **预览和测试**:使用浏览器的开发者工具中的...

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

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

    javascript,js打印

    对于使用懒加载或异步加载的网页,可能需要确保所有打印内容在调用`print()`之前都已经加载完成。 10. **JavaScript事件监听**: 可以设置按钮点击事件或者其他用户触发的事件来调用打印功能,增强用户体验。 综...

    利用js+div来控制打印

    ### 利用JavaScript与CSS控制网页打印功能 #### 背景介绍 在现代网站开发过程中,有时我们需要为用户提供一种方便、快捷的方式来打印特定的网页内容。这不仅可以提高用户体验,还能帮助用户更有效地保存和分享网页...

    LodopFuncs.js打印、前端开发直连打印机打印、js调用驱动 不经过传统预览页面后才可打印问题

    前端LodopFuncs.js打印,js打印,web打印,jq打印,html打印,不需要经过预览页面 直接调起默认打印机进行局部打印。该打印js可局部打印也可全局打印而且该驱动试用版也能正常使用打印功能。局部打印功能和jQuery....

    网页打印 javascript

    JavaScript是一种广泛用于网页交互的编程语言,它可以用来控制和自定义网页打印的行为。在这个话题中,我们将深入探讨如何使用JavaScript进行网页打印,以及如何设置打印区域。 首先,JavaScript 提供了一种名为 `...

    通过调用 JS 打印图片信息

    总之,通过JavaScript调用打印图片信息是一种实用的前端技术,可以帮助用户更方便地获取和保存网页中的图像内容。同时,理解并掌握如何处理浏览器的默认打印设置,以及如何优化打印体验,是每个前端开发者必备的技能...

    JS实现浏览器打印、打印预览示例

    为了防止这种情况,可以使用一种方法临时移除不需要打印的页面内容,并在打印完成后恢复,或者在打印内容中加入脚本以便在打印后重新加载原始页面。 9. 用户体验:在提供打印和打印预览功能时,还需考虑用户的操作...

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

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

Global site tag (gtag.js) - Google Analytics