精华内容
下载资源
问答
  • js网页打印

    2013-11-16 14:58:32
    Javascript网页打印大全 普通打印(整页打) 打印网页内部分内容(自定义) 打印去掉/添加页眉页脚 使用外部控件/方法实现多功能打印 打印背景 以上为代码控制 设置“页面设置”实现打印参数设置(Window系统...

    Javascript网页打印大全

    普通打印(整页打)      打印网页内部分内容(自定义)        打印去掉/添加页眉页脚            使用外部控件/方法实现多功能打印            打印背景

    以上为代码控制

    设置“页面设置”实现打印参数设置(Window系统图文版)

    一、普通打印(整页打)
    这个不用多说,直接用

     


    引用:window.print();

    二、打印网页内部分内容(自定义)

    分三种方法实现
    1、用css控制

     

    引用:@media print
    .a {display:block}
    .b {display:hidden}
    把你不想打印的部分class设为b
    首先在网页中添加:
         

    引用:<OBJECT id="WebBrowser" height="0" width="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"
          VIEWASTEXT>
          </OBJECT>
    然后就可以依次加入功能按钮了:


    引用:<input  type="button" value="打印"> <input  type="button" value="直接打印">
          <input  type="button" value="页面设置">
          <input  type="button" value="打印预览"> <INPUT type="button" value="关闭窗口" >
    将这两块东西放到<center class=noprint></center>就不会打印这些按钮了。当然要定义noprint了:
    <style media="print">.Noprint { DISPLAY: none }</style>只要把不想打印的东西的css设置成noprint就可以了。
    现在就实现了基本的web打印,需要注意的情况如下:
        a. 必须将ie的internet选项的安全设置中对于没有标记为安全的ActiveX控件进行...设置成提示或者启用,否则会报错,导致不可用。
        b. 如果在vs.net编辑环境下编辑该页面,它经常自动的给object添加多余的参数,有了这些东西,打印就会出错,所以要记得最后保存的时候删除它们。

    2、用javascript打印固定标签内的内容
    a、在页面的代码头部处加入JavaScript:


    引用:<script language=javascript>
    function doPrint() {
    bdhtml=window.document.body.innerHTML;
    sprnstr="<!--startprint-->";
    eprnstr="<!--endprint-->";
    prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
    prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
    window.document.body.innerHTML=prnhtml;
    window.print();
    }
    < /script>


    2、在页面正文处加上<!--startprint-->与<!--endprint-->标识。

    也就是在需要用户打印保存的正文所对应的html处附加上。同时,如果采用小偷程序获得远程数据并需打印,可将此等数据置于该定义标签之内即可。

    3、截取内容部分已完成,现在加个“打印”的链接:

    XML/HTML代码
    <a href="javascript:;" onClick="doPrint()">打印</a>

    引用:
    < script language="JavaScript">
    var hkey_root,hkey_path,hkey_key
    hkey_root="HKEY_CURRENT_USER"
    hkey_path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\"
    //设置网页打印的页眉页脚为空
    function pagesetup_null(){
    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){}
    }
    //设置网页打印的页眉页脚为默认值
    function pagesetup_default(){
    try{
    var RegWsh = new ActiveXObject("WScript.Shell")
    hkey_key="header"
    RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"&w&b页码,&p/&P")hkey_key="footer"
    RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"&u&b&d")
    }catch(e){}
    }
    < /script>
    < input type="button" value="清空页码" οnclick=pagesetup_null()>
    < input type="button" value="恢复页码" οnclick=pagesetup_default()>


    复制出去,看下效果就可以了

    (四)使用外部控件/方法实现多功能打印

    1、IEWebBrowser组件

    介绍
    http://support.microsoft.com/default.aspx?scid=kb%3BEN-US%3BQ267240#top
    http://support.microsoft.com/kb/q247671/#appliesto

    代码


    引用:<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>   
    < input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开> 
    < input name=Button onClick=document.all.WebBrowser.ExecWB(2,1) type=button value=关闭所有> 
    < input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为>   
    < input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印> 
    < input name=Button onClick=document.all.WebBrowser.ExecWB(6,6) type=button value=直接打印> 
    < input name=Button onClick=document.all.WebBrowser.ExecWB(7,1) type=button value=打印预览> 
    < input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=页面设置> 
    < input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=属性> 
    < input name=Button onClick=document.all.WebBrowser.ExecWB(17,1) type=button value=全选> 
    < input name=Button onClick=document.all.WebBrowser.ExecWB(22,1) type=button value=刷新> 
    < input name=Button onClick=document.all.WebBrowser.ExecWB(45,1) type=button value=关闭> 

    2、使用ScriptX.cab控件


    1.下载ScriptX.cab控件

    官网http://www.meadroid.com/scriptx/index.asp

    2.使用object元素,修改codebase,classid的值

    这里调用控件ScriptX.cab

    代码


    引用:
    < OBJECT id="factory" style="DISPLAY: none" codeBase="${rootUrl}js/smsx.cab#VVersion=6,3,435,20"  classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext></OBJECT> 

    这段代码用来加载cab文件,clsid和codebase必须要和你下载的cab中的信息对应,否则组件会加载错误,这两项其实不难找,只要你用winrar打开你下载的cab文件,然后找到扩展名是.inf的文件,然后打开之,就能看到了。

    3.调用控件脚本

    Print.js文件
    代码

     

    引用:

    function setPrintBase(headerText,footerText,rootUrl) { 
     
        // -- advanced features  ,未曾使用过,有待确认。 
     
            //factory.printing.SetMarginMeasure(2); // measure margins in inches 
     
            //factory.SetPageRange(false, 1, 3);// need pages from 1 to 3 
     
            //factory.printing.printer = "HP DeskJet 870C"; 
     
            //factory.printing.copies = 2; 
     
            //factory.printing.collate = true; 
     
            //factory.printing.paperSize = "A4"; 
     
            //factory.printing.paperSource = "Manual feed" 
     
        var header = (headerText==null||headerText=="")?'默认页眉':headerText; 
     
        var footer = (footerText==null||footerText=="")?'默认页角':footerText; 
     
      factory.printing.header = "&b"+header+"&b" ; 
     
      factory.printing.footer = "&b"+footer; 
     
      factory.printing.portrait = true; 
     
      factory.printing.leftMargin =10.00; 
     
      factory.printing.topMargin =10.00; 
     
      factory.printing.rightMargin =10.00; 
     
      factory.printing.bottomMargin =10.00; 
     


    例子

     

    引用:

    <html> 
    < head> 
    < meta http-equiv="imagetoolbar" c> 
    < script language="javascript" src="print.js"></script> 
    < style media="print"> 
    .Noprint  {DISPLAY:  none;} 
    < /style> 
    < title>打印测试</title> 
    < /head> 
    < OBJECT id="factory" style="DISPLAY: none" codeBase="smsx.cab#VVersion=6,3,435,20"  classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext></OBJECT> 
     
    < script defer> 
    function window.onload() {     
    setPrintBase('页眉','页脚'); 

    < /script> 
    < body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0"> 
    < center class="Noprint"> 
    < input type=button value="打印" >   
    < input type=button value="页面设置" >   
    < input type=button value="打印预览" >             
    < input type="button" value="关闭" > 
    < /center> 
      <center> 
          <table width="100%" border="0" cellpadding="0" cellspacing="0"> 
              <tr><td align="center"><b>内容</b></td></tr> 
          </table> 
        </center> 
    < /body> 
    < /html> 

     

     

    (五)打印背景
    默认情况下,使用IE浏览器打印网页时,不打印网页背景。如果需要打印网页背景,可以采用如下的方法设置:
      1. 启动IE浏览器。
      2. 选择【工具】菜单中的【Internet选项】菜单项,打开【Internet选项】对话框。
      3. 打开【高级】选项卡,在【打印】选区中选择【打印背景颜色和图像】复选框。
      4. 单击【确定】按钮,关闭对话框。

    (六)如何用IE打印网页

     


        Internet Explorer(简称IE)5.0以上版本强大的打印及打印预览功能。本文就向大家介绍如何用IE来打印网页。(谁?谁?谁在扔西红柿?下面一片嘘声:这还用得着你讲呀?!)咳咳咳,是的是的,在IE中打印网页实在是太简单不过了。只需点一下工具栏上“打印”按钮就可将当前网页打印出来。如下图所示:


        不过,你这样打出来的效果怎么样呢?我就不敢说了。我今天要和大家讲的就是一些打印方面的设置参数。如何大家把这些参数设置好,你就会发现IE的打印功能快追得上Word了。今后你打印网页时就可以想怎么打就怎么打了。好,闲话少说,现在就跟我来一起看看怎么样设置IE的打印参数。
        我们以下图要打印的学生名单(《学生学籍管理系统MX》查询结果网页)为例,讲解如何设置这些打印参数:


        假如我们直接点工具栏的“打印”按钮或点“文件”菜单中的“打印”进行打印这个网页的话,就会打印出很多不必要的信息。所以在打印前我们应先用IE5新增的“打印预览”功能查看当前网页的实际打印效果。如下图所示:


        在如下图所示的“打印预览”对话框中,我们可以看到,网页标题、网页的URL地址及打印日期等我们所不需要的信息也被打印出来了。而页码又在右上角,能不能把它移到其他位置(如我们常见的右下角)呢?

     


        能不能按照我们所想要的样式来打印网页呢?当然可以。一切就在“页面设置”中。


        弹出如下图所示的“页面设置”对话框,所有的秘密都在这里!


        原来,IE自动给我们在页眉和页脚处加上了这些不必要的打印信息。如果我们不想要任何页眉和页脚的话,直接删除它们就行了。:-)大部分时候我都是这样做的。但如果你想自定义页眉和页脚的时候,该怎么做呢?上面的那些“&w&b&p”等等究竟表示什么意思呀?给你个表格就知道了。 含义 
    & w 网页标题
    &u 网页地址 (URL)
    & d 短日期格式(由“控制面板”中的“区域设置”指定)
    &D 长日期格式(由“控制面板”中的“区域设置”指定)
    &t 由“控制面板”中的“区域设置”指定的时间格式
    &T 24 小时时间格式
    &p 当前页码
    &P 总页数      
    & b 文本右对齐(请把要右对齐的文字放在“&b”之后)
    &b&b 文字居中(请把要居中的文字放在“&b”和“&b” 之间)
    && 单个 & 号 (&)
    注:1、这些符号可以与文字组合使用,如本教程中的“页码,&p/&P”。
        2、页眉和页脚默认是左对齐的,所以IE只提供了右对齐和居中的设置符号。
        3、推荐给大家一种设置方法:页眉为空,页脚设为“&b第 &p 页 / 共 &P 页&b”,打印效果为在页脚居中显示“第 1 页 / 共 4 页”的效果。
        知道了上面的知识,你就可以打印了。但有时你会发现,网页中的一些图像在打印时不见了。Why?为什么会这样?别着急,IE的默认设置是不打印网页的背景颜色和图像的。您只需进入IE的Internet选项将它选中(打上勾)就行了。具体操作方法是:点IE的主菜单中的“工具”——“Internet选项”——再在弹出的对话框中占击“高级”选项卡,找到“打印背景颜色和图像”一项。如下图所示:

     

        然后将上图中红色圈住的选项打上勾,再点“确定”就OK了。

        至此,我们就完成了对IE的打印设置。接下来,只要我们没有关闭IE,我们就可以一直使用上述设置(最后一项“打印背景颜色和图像”的更改始终有效)进行打印。打印前一般先进行打印预览,效果满意后再开始打印。

     

    3、windows自带功能
    按住鼠标的左键,将你想要打印的内容选定,然后单击右键选择“打印”,在弹出的打印对话框中的“页面范围”中选择“选定范围”就可以只打印你选择的内容了。 

    展开全文
  • 我花费了半天时间终于弄明白了GregorianCalendar类,并且通过网络抓取oracle数据的时间,然后显示在JSP 网页上. 运行效果如下:首先要在J2se里面写出万年历程序,作为练习:1)星期日Calendar.SUNDAY =1 星期日为1,那么...

    在core Java 那本书里,在讲类之前就将了一个打印一个月份中每天是星期几的万年历程序.最近写程序的时候终于要用到了.我花费了半天时间终于弄明白了GregorianCalendar类,并且通过网络抓取oracle数据的时间,然后显示在JSP 网页上.

    运行效果如下:

    首先要在J2se里面写出万年历程序,作为练习:

    1)星期日Calendar.SUNDAY =1  星期日为1,那么星期几就+1为以此类推!

    打印月历的程序:

    package moonsoft.j2se.testYueli;

    import java.util.*;

     

     

    public class TestYueli

    {

      public static void main(String [] args)

      {  //建立一个GregorianCalendar 对象

        GregorianCalendar d=new GregorianCalendar();

        //获得系统默认的日期的月份和日期所在的月第几天

        int month=d.get(Calendar.MONTH);

        int day=d.get(Calendar.DAY_OF_MONTH);

        //d设置为当月第一天

        d.set(Calendar.DAY_OF_MONTH, 1);

        //获得第一天的是一星期的第几天

    int weekday=d.get(Calendar.DAY_OF_WEEK);

     

     

        System.out.println("SUN MON TUE WED THU FRI SAT");

        for(int i=Calendar.SUNDAY; i<weekday; i++)

        System.out.print("   ");

        //System.out.print(monthday);

        do

        {

          int days=d.get(Calendar.DAY_OF_MONTH);

          if(days<10)

          System.out.print(" ");

          System.out.print(days);

          if(days==day)

          System.out.print("*");

          else

          System.out.print(" ");

          if(weekday==Calendar.SATURDAY)

          System.out.println();

          d.add(Calendar.DAY_OF_MONTH, 1);

          weekday=d.get(Calendar.DAY_OF_WEEK);

       

        }while(d.get(Calendar.MONTH)==month);

         } }

    2)注意GregorianCalendar calendar=new(year, month-1,year);

    month-1! Calendar 0代表一月!!!

    然后再写oracle抓取到JSP 页面的程序:

    <%@ page contentType="text/html;charset=Big5"%>
    <%@ page import="java.util.*"%>
    <%@ page import="java.sql.*"%>
    <%@ page import="javax.sql.*"%>
    <%@ page import="javax.naming.*"%>
    <html>
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=Big5">
        <title>社團活動</title>
        <style type="text/css">
    <!--
    .style1 {color: #FFFFFF}
    -->
        </style>
      </head>
      <%
      request.setCharacterEncoding("big5");
      String name=(String)session.getAttribute("name");
      String queryDate=" select to_char(systimestamp, 'YYYY-MM-DD HH24:MM:SS') from dual ";
      int  day=1;
      int month=3;
      int year=2005;
      Connection conn=null;
     
      try{
      Context ctx=new InitialContext();
      DataSource ds=(DataSource)ctx.lookup("jdbc/asdbCoreDS");
      conn=ds.getConnection();
      PreparedStatement ps=conn.prepareStatement(queryDate);
      ResultSet rs=ps.executeQuery();
      while(rs.next()){
      String date=rs.getString(1);
      year=Integer.parseInt(date.substring(0,4));
      month=Integer.parseInt(date.substring(5,7));
      day=Integer.parseInt(date.substring(8,10));
      out.println(year+"年"+month+"月");
      }
      }
      catch(Exception e1){e1.printStackTrace();}
      finally{conn.close();}
     
      %>
     
      <body>
      <table width="100%"  border="1" cellspacing="1" cellpadding="1">
        <tr bgcolor="#0099FF">
          <th scope="col"><span class="style1">SUN</span></th>
          <th scope="col"><span class="style1">MON</span></th>
          <th scope="col"><span class="style1">TUE</span></th>
          <th scope="col"><span class="style1">WED</span></th>
          <th scope="col"><span class="style1">THU</span></th>
          <th scope="col"><span class="style1">FRI</span></th>
          <th scope="col"><span class="style1">SAT</span></th>
        </tr> <tr>
        <%
        GregorianCalendar d=new GregorianCalendar(year, month-1 , day);
       
        int monthDay=d.get(Calendar.DAY_OF_MONTH);
        int monthNumber=d.get(Calendar.MONTH);
       
        d.set(Calendar.DAY_OF_MONTH, 1);
        int weekDay=d.get(Calendar.DAY_OF_WEEK);
        for(int i=Calendar.SUNDAY; i<weekDay; i++)
        {%><td height="45">&nbsp;</td><%}
        do{
        int monthDays=d.get(Calendar.DAY_OF_MONTH);
        %><td height="45"><%=monthDays%></td><%
        if(weekDay==Calendar.SATURDAY)
         out.println("</tr><tr>");
         d.add(Calendar.DAY_OF_MONTH, 1);
         weekDay=d.get(Calendar.DAY_OF_WEEK);
        }while(d.get(Calendar.MONTH)==monthNumber);
        %>
     
      </table>
      </body>
    </html>

    其实如果掌握了GregorianCalendar 类,写这个不是很难,呵呵,下一步要做的是要向日历里添加活动信息.

    每遇到一个没有写过的技术问题,都觉得很困难,想放弃,可是我不能!我能做的只是坚持,还有培养自己的兴趣,

    当你写过这个程序,就觉得,如此而已啊,哈哈......

    自己每天都进步一些,这种感觉,真好!

    展开全文
  • /*这里主要是去除页眉和页脚*/ <style type="text/css"> @page{ margin-top: 1mm; margin-bottom: 1mm; } <... /*调用浏览器的打印方法*/ <script language="javascript"> ...
    /*这里主要是去除页眉和页脚*/
     <style type="text/css">
     @page{
                margin-top: 1mm;
                margin-bottom: 1mm;
          }
     </style>
     /*调用浏览器的打印方法*/
     <script language="javascript">
            function preview(oper)
            {
    
                if (oper < 10){
                    bdhtml=window.document.body.innerHTML;//获取当前页的html代码
                    sprnstr="<!--startprint"+oper+"-->";//设置打印开始区域
                    eprnstr="<!--endprint"+oper+"-->";//设置打印结束区域
                    prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html
                    prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html
                    window.document.body.innerHTML=prnhtml;
                    window.print();
                    window.document.body.innerHTML=bdhtml;
                } else {
                    window.print();
                }
            }
        </script>
    

    下面是页面html中加入的代码

     <!--startprint1-->
                <!--打印内容开始-->
                <b>这里随便写</b>
                 <!--打印内容结束-->
     <!--endprint1-->
      <input type=button name='button_export' title='打印1' onclick=preview(1) value=打印1>
    
    展开全文
  • Javascript网页打印大全

    千次阅读 2016-10-27 23:04:50
    目录 普通打印(整页打) 打印去掉/添加页眉页脚 ...打印网页内部分内容(自定义) 用css控制 @media print .a {display:block} .b {display:hidden}把你不想打印的部分class设为b 首先在网页中添加:<OBJECT id="Web

    目录

    1. 普通打印(整页打)
    2. 打印去掉/添加页眉页脚
    3. 使用外部控件/方法实现多功能打印
    4. 打印背景

    普通打印(整页打)

    window.print();

    打印网页内部分内容(自定义)

    1. 用css控制
    @media print
    .a {display:block}
    .b {display:hidden}

    把你不想打印的部分class设为b
    首先在网页中添加:

    <OBJECT id="WebBrowser" height="0" width="0"       classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" VIEWASTEXT>
    </OBJECT>

    然后就可以依次加入功能按钮了:

      <input  type="button" value="打印"> <input  type="button" value="直接打印">
      <input  type="button" value="页面设置">
      <input  type="button" value="打印预览"> 
      <input type="button" value="关闭窗口" >

    将这两块东西(不需要打印的部分)放到

    <div class="noprint"></div>

    就不会打印这些按钮了。当然要定义noprint了:

    <style media="print">
        .noprint { display: none }
    </style>

    现在就实现了基本的web打印,需要注意的情况如下:
    a. 必须将ie的internet选项的安全设置中对于没有标记为安全的ActiveX控件进行…设置成提示或者启用,否则会报错,导致不可用。
    b. 如果在vs.net编辑环境下编辑该页面,它经常自动的给object添加多余的参数,有了这些东西,打印就会出错,所以要记得最后保存的时候删除它们。

    用javascript打印固定标签内的内容

    1.在页面的代码头部处加入JavaScript:

    <script language=javascript>
    function doPrint() { 
        bdhtml=window.document.body.innerHTML; 
        sprnstr="<!--startprint-->"; 
        eprnstr="<!--endprint-->"; 
        prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); 
        prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); 
        window.document.body.innerHTML=prnhtml; 
        window.print(); 
    }
    </script>

    2.在页面正文处加上<!--startprint--><!--endprint-->标识。
    也就是在需要用户打印保存的正文所对应的html处附加上。同时,如果采用小偷程序获得远程数据并需打印,可将此等数据置于该定义标签之内即可。
    3.截取内容部分已完成,现在加个“打印”的链接:

    XML/HTML代码 
    <a href="javascript:;" onClick="doPrint()">打印</a>
    
    <script language="JavaScript">
    var hkey_root,hkey_path,hkey_key
    hkey_root="HKEY_CURRENT_USER"
    hkey_path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\"
    //设置网页打印的页眉页脚为空
    function pagesetup_null(){
    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){}
    }
    //设置网页打印的页眉页脚为默认值
    function pagesetup_default(){
    try{
    var RegWsh = new ActiveXObject("WScript.Shell")
    hkey_key="header" 
    RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"&w&b页码,&p/&P")hkey_key="footer"
    RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"&u&b&d")
    }catch(e){}
    }
    </script>
    <input type="button" value="清空页码" onclick=pagesetup_null()>
    <input type="button" value="恢复页码" onclick=pagesetup_default()>
    

    使用外部控件/方法实现多功能打印

    1.IEWebBrowser组件

    <OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>    
    <input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开>  
    <input name=Button onClick=document.all.WebBrowser.ExecWB(2,1) type=button value=关闭所有>  
    <input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为>    
    <input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印>  
    <input name=Button onClick=document.all.WebBrowser.ExecWB(6,6) type=button value=直接打印>  
    <input name=Button onClick=document.all.WebBrowser.ExecWB(7,1) type=button value=打印预览>  
    <input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=页面设置>  
    <input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=属性>  
    <input name=Button onClick=document.all.WebBrowser.ExecWB(17,1) type=button value=全选>  
    <input name=Button onClick=document.all.WebBrowser.ExecWB(22,1) type=button value=刷新>  
    <input name=Button onClick=document.all.WebBrowser.ExecWB(45,1) type=button value=关闭> 
    

    2.使用ScriptX.cab控件

    1. 下载ScriptX.cab控件 官网http://www.meadroid.com/scriptx/index.asp
    2. 使用object元素,修改codebase,classid的值 ,这里调用控件ScriptX.cab
    <OBJECT id="factory" style="DISPLAY: none" codeBase="${rootUrl}js/smsx.cab#VVersion=6,3,435,20"  classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext></OBJECT>  
    

    这段代码用来加载cab文件,clsid和codebase必须要和你下载的cab中的信息对应,否则组件会加载错误,这两项其实不难找,只要你用winrar打开你下载的cab文件,然后找到扩展名是.inf的文件,然后打开之,就能看到了。
    3.调用控件脚本

    Print.js文件 
    
    function setPrintBase(headerText,footerText,rootUrl) {  
    
        // -- advanced features  ,未曾使用过,有待确认。  
    
            //factory.printing.SetMarginMeasure(2); // measure margins in inches  
    
            //factory.SetPageRange(false, 1, 3);// need pages from 1 to 3  
    
            //factory.printing.printer = "HP DeskJet 870C";  
    
            //factory.printing.copies = 2;  
    
            //factory.printing.collate = true;  
    
            //factory.printing.paperSize = "A4";  
    
            //factory.printing.paperSource = "Manual feed"  
        var header = (headerText==null||headerText=="")?'默认页眉':headerText;  
        var footer = (footerText==null||footerText=="")?'默认页角':footerText;  
      factory.printing.header = "&b"+header+"&b" ;  
      factory.printing.footer = "&b"+footer;  
      factory.printing.portrait = true;  
      factory.printing.leftMargin =10.00;  
      factory.printing.topMargin =10.00;  
      factory.printing.rightMargin =10.00;  
      factory.printing.bottomMargin =10.00;  
    
    }  
    
    <html>  
    <head>  
    <meta http-equiv="imagetoolbar" c>  
    <script language="javascript" src="print.js"></script>  
    <style media="print">  
    .Noprint  {DISPLAY:  none;}  
    </style>  
    <title>打印测试</title>  
    </head>  
    <OBJECT id="factory" style="DISPLAY: none" codeBase="smsx.cab#VVersion=6,3,435,20"  classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext></OBJECT>  
    
    <script defer>  
    function window.onload() {      
    setPrintBase('页眉','页脚');  
    }  
    </script>  
    <body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">  
    <center class="Noprint">  
    <input type=button value="打印" >    
    <input type=button value="页面设置" >    
    <input type=button value="打印预览" >              
    <input type="button" value="关闭" >  
    </center>  
      <center>  
          <table width="100%" border="0" cellpadding="0" cellspacing="0">  
              <tr><td align="center"><b>内容</b></td></tr>  
          </table>  
        </center>  
    </body>  
    </html>  

    打印背景

    默认情况下,使用IE浏览器打印网页时,不打印网页背景。如果需要打印网页背景,可以采用如下的方法设置:
      1. 启动IE浏览器。
      2. 选择【工具】菜单中的【Internet选项】菜单项,打开【Internet选项】对话框。
      3. 打开【高级】选项卡,在【打印】选区中选择【打印背景颜色和图像】复选框。
      4. 单击【确定】按钮,关闭对话框。

    如何用IE打印网页

    Internet Explorer(简称IE)5.0以上版本强大的打印及打印预览功能。本文就向大家介绍如何用IE来打印网页。(谁?谁?谁在扔西红柿?下面一片嘘声:这还用得着你讲呀?!)咳咳咳,是的是的,在IE中打印网页实在是太简单不过了。只需点一下工具栏上“打印”按钮就可将当前网页打印出来。如下图所示:

    不过,你这样打出来的效果怎么样呢?我就不敢说了。我今天要和大家讲的就是一些打印方面的设置参数。如何大家把这些参数设置好,你就会发现IE的打印功能快追得上Word了。今后你打印网页时就可以想怎么打就怎么打了。好,闲话少说,现在就跟我来一起看看怎么样设置IE的打印参数。
    我们以下图要打印的学生名单(《学生学籍管理系统MX》查询结果网页)为例,讲解如何设置这些打印参数:
    
    假如我们直接点工具栏的“打印”按钮或点“文件”菜单中的“打印”进行打印这个网页的话,就会打印出很多不必要的信息。所以在打印前我们应先用IE5新增的“打印预览”功能查看当前网页的实际打印效果。如下图所示:
    
    
    在如下图所示的“打印预览”对话框中,我们可以看到,网页标题、网页的URL地址及打印日期等我们所不需要的信息也被打印出来了。而页码又在右上角,能不能把它移到其他位置(如我们常见的右下角)呢?
    
    能不能按照我们所想要的样式来打印网页呢?当然可以。一切就在“页面设置”中。
    
    弹出如下图所示的“页面设置”对话框,所有的秘密都在这里!
    原来,IE自动给我们在页眉和页脚处加上了这些不必要的打印信息。如果我们不想要任何页眉和页脚的话,直接删除它们就行了。:-)大部分时候我都是这样做的。但如果你想自定义页眉和页脚的时候,该怎么做呢?上面的那些“&w&b&p”等等究竟表示什么意思呀?给你个表格就知道了。
    

    这里写图片描述
    注:1、这些符号可以与文字组合使用,如本教程中的“页码,&p/&P”。
    2、页眉和页脚默认是左对齐的,所以IE只提供了右对齐和居中的设置符号。
    3、推荐给大家一种设置方法:页眉为空,页脚设为“&b第 &p 页 / 共 &P 页&b”,打印效果为在页脚居中显示“第 1 页 / 共 4 页”的效果。
    知道了上面的知识,你就可以打印了。但有时你会发现,网页中的一些图像在打印时不见了。Why?为什么会这样?别着急,IE的默认设置是不打印网页的背景颜色和图像的。您只需进入IE的Internet选项将它选中(打上勾)就行了。具体操作方法是:点IE的主菜单中的“工具”——“Internet选项”——再在弹出的对话框中占击“高级”选项卡,找到“打印背景颜色和图像”一项。如下图所示:

    然后将上图中红色圈住的选项打上勾,再点“确定”就OK了。
    
    至此,我们就完成了对IE的打印设置。接下来,只要我们没有关闭IE,我们就可以一直使用上述设置(最后一项“打印背景颜色和图像”的更改始终有效)进行打印。打印前一般先进行打印预览,效果满意后再开始打印。
    

    windows自带功能

    按住鼠标的左键,将你想要打印的内容选定,然后单击右键选择“打印”,在弹出的打印对话框中的“页面范围”中选择“选定范围”就可以只打印你选择的内容了。

    展开全文
  • JS 网页打印解决方案

    万次阅读 2011-08-27 12:41:38
    这些日子真是太忙了,项目太多了公司总是加班,而且这些...其实原来只是用到了简单的功能,现在要深入的了解才发现原来ie的网页打印也是如此的强大。 以下是我在网上摘录的js打印方法。 Javascript网页打印大全 普
  • 普通打印(整页打) 打印网页内部分内容(自定义) 打印去掉/添加页眉页脚 使用外部控件/方法实现多功能打印 打印背景 以上为代码控制 设置“页面设置”实现打印参数设置(Window系统图文版) 一、普通打印(整页...
  • 首先针对网页打印样式调整需要使用如下形式: @media print { /* 打印样式 */ } 默认情况下,打印会显示当前网页地址、日期及页码信息。这个时候通过加上以下样式可不显示: @page { size: auto; margin: ...
  • 网页打印表单js代码

    千次阅读 2016-06-01 20:00:34
    --js代码: ------------------------------------------------------------------------------------------- function preview(){ bdhtml=window.document.... //定义打印内容 sprnstr=""; //打印开始位置符合 ep
  • 从名字来看,直译过来就是快速报表,正所谓天下武功,唯快不破,FastReport报表早些年确实是制作报表的不二之选,8年前的工作中,涉入到了医疗行业,项目中要使用FastReport.net 打印基因检测报告,效果确实是满足...
  • 网页打印按钮的源代码

    千次阅读 2011-06-13 09:10:00
    网页打印按钮的源代码:javascript:window.print(); 可以用css控制 @media print .a {display:block} .b {display:hidden} 好像是这样。把你不想打印的部分class设为b 首先在网页中添加:     ...
  • 打印网页去掉页眉和页脚

    万次阅读 2015-02-10 17:57:26
    方式一: 如果你使用的是IE6以及以前的版本,可以使用这个方法 打开浏览器文件->页面设置 ...只去掉&u,则下面还会显示打印日期,而不显示网址。   方式二: print打印部分网页,且去掉页眉、页脚
  • html> head> title>Web打印title> meta http-equiv="Content-Type" content="text/html; charset=gb2312"> style media=print> .Noprint{display:none;} .PageNext{page-break-after: al
  • js打印网页功能大全

    千次阅读 2012-10-17 18:34:03
    Javascript网页打印大全 普通打印(整页打) 打印网页内部分内容(自定义) 打印去掉/添加页眉页脚 使用外部控件/方法实现多功能打印 打印背景 以上为代码控制 设置“页面设置”实现打印参数设置...
  • 转:Javascript网页打印方法汇总1

    千次阅读 2009-05-21 15:34:00
    普通打印(整页打) 打印网页内部分内容(自定义) 打印去掉/添加页眉页脚 使用外部控件/方法实现多功能打印 打印背景以上为代码控制设置“页面设置”实现打印参数设置(Window系统图文版)一、普通打印(整页打)这...
  • 如何用IE打印网页

    千次阅读 2009-06-02 09:44:00
    如何用IE打印网页作者:WEBBOY Internet Explorer(简称IE)5.0以上版本强大的打印及打印预览功能。...只需点一下工具栏“打印”按钮就可将当前网页打印出来。如下图所示: 不过,你这样打出来的效果
  • 打印网页时去掉标题、页码、网页地址方法 答:方法一: ie的文件-〉页面设置-〉将里面的页眉和页脚里面的东西都去掉,打印就不出来了 方法二:     New Document       dim hkey_...
  • 最近做一个网站,用到打印网页功能,所以就自己写了段代码,目的是为了去掉js打印上面的页码和下面的日期,还有打印按钮本身。pazu很好的解决这个问题,PAZU 是一个已经通过微软代码认证签名的控件,用户可以在使用...
  • 3.保存WORD(id标识+日期 防止文件重复.)然后供用户下载.(扩展,可以安装WORD转PDF组件 在服务端就可以找到生成后的WORD转换PDF供用户下载,满足一部分文件安全性要求比较高,不允许用户修改.) 具体代码如下: ...
  • js打印去掉网址和日期

    千次阅读 2008-03-04 13:34:00
    2. 嵌入打印 function printit(){   if (window.print) {  window.print() ;   } else {  var WebBrowser = '...
  • 1、 Esp8266之 搭建开发环境,开始一个“hellow world”串口打印。 2、 Esp8266之 利用GPIO开始使用按钮点亮你的“第一盏灯”。 3、 Esp8266之 利用 "软件定时器 " 定时0.5秒闪烁点亮一盏LED。 4 、Es...
  • g.DrawString("日期:" + DateTime.Now.ToShortDateString(), printFont, myBrush, 0, yPosition, stringFormat); yPosition += lineHeight; g.DrawString("地址:" + printerData.Address, printFont, myBrush, 0,...
  • 使用jqprint插件完成页面打印

    万次阅读 2015-01-05 10:11:37
    但是不得不承认这个插件确实很厉害,最近的项目中帮了我的大忙,在Web打印的方面,前端的打印基本是靠window.print()的方式进行打印的,而这个插件在其基础进行了进一步的封装,可以打印网页上的某个区域,这是个...
  • JS打印

    千次阅读 2013-07-16 15:24:04
    Javascript网页打印大全 普通打印(整页打) 打印网页内部分内容(自定义) 打印去掉/添加页眉页脚 使用外部控件/方法实现多功能打印 打印背景 以上为代码控制 设置“页面设置”实现打印参数设置...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 26,879
精华内容 10,751
关键字:

如何取消网页打印上日期