精华内容
下载资源
问答
  • awk '{print $1}' 表示打印第一列 sed -n 4p 表示打印第四列 sed -n '4,10p'表示打印第四到第十列 通过awk 和 sed 命令的叠加,就可以打印我们想输出的内容 完!!

    awk '{print $1}'    表示打印第一列

    sed -n 4p  表示打印第四列

    sed -n '4,10p'表示打印第四到第十列

    通过awk 和 sed 命令的叠加,就可以打印我们想输出的内容


    完!!

    展开全文
  • React实现浏览器打印部分内容

    千次阅读 2019-05-14 20:05:34
    React 浏览器打印

    近期着手项目任务的打印功能,在此作个记录,本文介绍基于React的一种调用浏览器打印页面指定内容的方法。

    整体思路: 通过构建一个隐藏的元素(该元素包裹需打印的内容),当打印行为触发时,将页面其他的一些不需要打印的元素隐藏,然后将需打印的元素追加到body中,打印完成后,再恢复初始状态即可。浏览器打印的本质还是将web页面中的元素打印出来而已。

    1. 构建待打印元素

    在页面中构建一个display为none的元素,里面的内容为你需要打印的内容。我们还需要设置包裹打印内容的元素的ref属性,以便于后面获取到元素。

    <div style={{ display: 'none' }}>
    	<div ref={el => (this.printRef = el)}>
    	{ 打印内容 }
    	</div>
    </div>
    

    2. 打印动作触发时的处理

    处理流程:

    1. 获取待打印元素;
    2. 将根元素隐藏;
    3. 将待打印元素追加到body中;
    4. 调用浏览器的打印预览;
    5. 预览界面关闭后,将待打印元素从body中移除,将原始页面恢复。
    let printView = this.state.printRef  //获取待打印元素
    document.querySelector('#root').className = 'print-hide'  //将根元素隐藏
    document.body.appendChild(printView) //将待打印元素追加到body中
    window.print() //调用浏览器的打印预览
    document.body.removeChild(printView) //将待打印元素从body中移除
    document.querySelector('#root').className = '' //将原始页面恢复
    

    对应的CSS设置:

    @page {
      size: A4;
      margin: 0;
    }
    @media print {
    	html, body {
    	    min-width: 0;
    	    width: 210mm; 
    	    height: 297mm;
    	}
    	.print-hide {
    		visibility: hidden!important;
    		display: none!important;
    	}
    }
    

    其中,@page中的size可以自己设置纸张的大小,如果是A4纸可以直接设置值为A4,媒体查询@media print中设置的是打印时的样式,因为打印设备知道其输出区域的物理大小,所以使用厘米(cm)、毫米(mm)、英寸(in)等作为打印设计的单位完全可行。

    补充(其他原生的打印方法)

    1. 直接替换body的内容为要打印的内容,之后再重新刷新页面。
    const old = window.document.body.innerHTML //备份原来的页面
    window.document.body.innerHTML = ''
    window.document.body.appendChild(/* 将你要打印的内容附加到这 */)
    window.print() //调用print()函数时,会跳出打印预览的界面,以下的代码被阻塞,关闭预览界面后继续执行
    window.document.body.innerHTML = old
    window.location.reload() //重新加载旧页面
    
    1. 打开一个新窗口,将打印内容放到新窗口打印,打印结束后关闭新窗口
    const newWindow = window.open("打印窗口", "_blank")
    const docStr = '<div>test</div>'  //需要打印的内容
    newWindow.document.write(docStr)
    const styles = document.createElement("style")
    styles.setAttribute('type', 'text/css') //media="print"
    styles.innerHTML = ''
    newWindow.document.getElementsByTagName('head')[0].appendChild(styles)
    newWindow.print()
    newWindow.close()
    

    以上两种方法可能会造成CSS样式应用无效的问题。

    3. 注意点

    1. 第二小节的步骤2中的意思是:将页面中所有不需要打印的元素隐藏,特别注意像模态窗Model这些元素,也要为它们加上'print-hide'className属性。
    2. 如果需要在特定位置强制分页打印,可以尝试在对应元素上设置page-break-before:always !importantpage-break-after:always !importantCSS属性,该属性只对块级元素有效(这个非常重要,就被这个坑了)。
    3. 进入打印预览后,我们无法获知用户最终是选择了打印,还是选择了取消。这里若有人知道解决方法的话,欢迎留言。
      web打印选项
    4. JS能实现谷歌和IE浏览器打印预览,火狐不行,火狐浏览器对于JS的操作权限有极为严格的限制,其基本原则是JS无法操作页面外事务,可以试试用JS调用HTML5机制模拟打印界面输出到打印机,不通过浏览器来完成。
    5. 在使用口袋打印机(喵喵机)打印,如果打印内容有二维码的时候,要注意二维码的分辨率问题。(我就踩了一个坑:二维码组件生成二维码,默认是以canvas的形式,这样打印出来导致整个内容模糊,改成svg就可以清晰打印了)

    若对你有帮助,可以支持一下作者创作更多好文章哦~
    赞赏码

    展开全文
  • 使用html范围性选择打印部分并打印

    千次阅读 2018-10-16 15:35:45
    --打印内容开始-->      年龄  身高  体重  爱好      <td>61岁   <td>161cm  <td>61kg  睡觉     <!--打印内容结束--> <!--endprint1--> <!--测试范围打印是否生效-->  JINXJINXJINX <!--按钮-...
    <!DOCTYPE html>
    <html>
        <head>
            <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>
            <meta charset="UTF-8">
            <title>打印文件demo</title>
         
        </head>
        <body>
    <!--startprint1-->
    <!--打印内容开始-->
    <div class="information_table">
        <table border="1" align="center" id="informationtable">
            <tr>
                <th>年龄</th>
                <th>身高</th>
                <th>体重</th>
                <th>爱好</th>
            </tr>
            <tr>
                <td>61岁    </td>
                <td>161cm</td>
                <td>61kg</td>
                <td>睡觉</td>
            </tr>
        </table>
    </div>
    <!--打印内容结束-->
    <!--endprint1-->
    <!--测试范围打印是否生效-->
    <div id="a">
        JINXJINXJINX
    </div>
    <!--按钮-->
            <input type=button name='button_export' title='打印' onclick=preview(1) value=打印1>
        </body>
    </html>

     

    展开全文
  • 1、程序说明1) 此程序可以实现选择页面中的区域进行打印,以iframe方式进行打印;2) 与原生态的print() 区别在于,取消打印页面后可以完整保留当前访问页面的内容。2、代码部分 1) JS 函数: 代码如下:function do_...
  • 如下方法: function printProof(){ var printData = document.getElementById... // 只打印 forPrint 这个div中的内容。 window.document.body.innerHTML = printData; //把 html 里的数据 复制给 body 的 html 数

    前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。

    如下方法:

    	function printProof(){
    		var printData = document.getElementById("forPrint").innerHTML; // 只打印 forPrint 这个div中的内容。
    		window.document.body.innerHTML = printData;   //把 html 里的数据 复制给 body 的 html 数据 ,相当于重置了整个页面的 内容
    		window.print(); 
    	}

     

     

     

    参考:http://blog.csdn.net/oqqyeyi/article/details/37922381

    展开全文
  • .noprint{display : none } ...打印部分 ---------------------------------- function preview(oper)  { if (oper  { bdhtml=window.document.body.innerHTML;//获取
  • 3.选择用户打印不允许修改的对象,属性-文本输入框,选择只读 4.设置文档密码,文件——>BarTender 文档密码(W),输入密码,受保护的操作取消勾选打开文档、打印和修改打印对话框选项。 5.文件——>打印...
  • 实际上,是浏览器打印功能菜单的一种程序调用,设置打印参数,比如纸型,页边距,选择打印机等等。需要指出的是这种方法提供一个打印前和打印后的事件onbeforeprint、onafterprint。可以在打印前的时候重新编辑一些...
  • window.print()打印的是整个网页的HTML内容,不包括CSS @media print{ ... }可以设置打印时样式 正文 网页效果: 目标:右键点击打印按钮时能打印表格,忽略下方的文字和图片,并且保留样式 思路:点击打印...
  • 使用CAD快速看图软件进行对图纸文件打开查看的时候因操作需要打印图纸,应该怎么样进行,使用CAD看图软件进行此项操作的具体步骤是什么,下面小编就要来教大家的就是使用CAD快速看图如何打印图纸的部分内容的全部...
  • 想要达到打印整个网站中的部分内容且完成打印后原网页保持不变的效果,搜到以下资料:window.print打印指定网页区域的方法JavaScript页面打印(只打印指定部分)JS打印指定页面且去样式后的内容,window.print都能...
  • 如何打印qq文件的正文部分

    千次阅读 2017-10-16 09:44:26
    又到了offer高收季了,前几天,因为朋友收到邮件,收需要打印qq邮件正文部分,而且不是全部打印正文,需要打印选定部分的正文,于是自己就摸索了一下,虽然还是麻烦,但是还是比较快的,相比于传统的Ctrl+C和Ctrl+V...
  • 原文:http://coolketang.com/staticOffice/5a97f048756571454f26a95c.html1. 本节课将为您演示,如何通过分级显示功能,隐藏不需要打印内容。首先在第9行的行号上点击,选择第9行的所有单元格。 2. 然后使用键盘...
  • 一、打印成一页1、缩放调整想要把内容都打印在一页里其实很简单,按下【Ctrl+P】打开打印预览,然后点击【无缩放】,在下拉列表...3、指定区域打印有时候我们只想打印部分内容,但是很多人不知道怎么打印局部内容...
  • Html局部打印

    千次阅读 2018-07-26 15:44:43
    通常在浏览网页的时候,网页上总是出现一些和内容无关的内容,在打印的时候,要是把整个网页都打印下来,总会有些不方便。。。所以在有需要打印的网页上稍微设置一下打印页是很有必要的。。。 首先在head里面加入...
  • <!--startprint--> 你想打印内容写在这里 <!--endprint-->首先用这两个注释标签,将需要打印部分包起来,类似于下<!--startprint--> <p class="P-blod">{$user_info.user_nic
  • js打印的4种方式和相关内容前言注释方式打印id选择打印 前言 在网页上打印通常都是Ctrl+p,例如百度首页打印预览: 我们有时候在项目中也会使用打印的功能,基本上都是打印网页上的一部分内容,比如某块区域的文章...
  • window.print()局部打印三种方式

    千次阅读 2019-03-29 08:23:20
    首先准备要打印内容,也可以打印时再填充,html中定义如下: <!--startprint--> <div id="printcontent" style="display:none"> ${printContentBody} </div> <!--endprint--> 方法一...
  • 网页的三部分组成: Java和JavaScript的关系: JavaScript的三种使用方式: Js的5种输出方式: Js的语法初始: js中值的类型: JS中的运算符: JS中的流程控制语句----------------->>>简易...
  • 一、问题:需要打印Excel表中的内容,但在“普通视图”中将格式调好后,点击“打印预览”一看,嘿,一些单元格中的内容又不对了。而最终打印出的内容又是与“打印预览”一致的,“打印预览”有问题,
  • js中print()打印网页指定区域内容

    千次阅读 2019-09-03 15:51:33
    print() 方法用于打印当前窗口的内容 调用 print() 方法所引发的行为就像用户单击浏览器的打印按钮。通常,这会产生一个对话框,让用户可以取消或定制打印请求。 语法: window.print(); demo <!DOCTYPE ...
  • 1) 此程序可以实现选择页面中的区域进行打印,以iframe方式进行打印; 2) 与原生态的print() 区别在于,取消打印页面后可以完整保留当前访问页面的内容。 2、代码部分 1) JS 函数: function do_print(id_str)...
  • window.print()打印带有样式的部分页面

    千次阅读 2020-06-20 14:53:00
    最近做个新任务,第一次接触了解前端打印页面这一块,如果单纯打印页面内容是很简单的,直接在某个页面调用window.print()就OK了,如果需要打印页面某部分,如果不了解打印的童鞋就有点棘手,不知道如何下手,还好有...
  • 用户打印设备型号多样,部分设备配置低,设备老旧。 Occasion 需要在Web端让用户自定义HTML模板内容打印打印数据大,但是Browser占用可使用的内存资源有限。 需要兼容不同的操作系统。 需要兼容不同的Browser。...
  • js print打印网页指定区域内容的简单实例 function myPrint(obj){  var newWindow=window.open("打印窗口","_blank");  var docStr = obj.innerHTML;  newWindow.document.write(docStr);  newWindow.document...
  • window.print()打印页面部分内容

    千次阅读 2011-11-04 09:54:18
    window.print() 实际上,是浏览器打印...事实上,很多用户都是采用这种方式打印,但是这种方式最致命的缺点是不能设置打印参数,比如纸型,页边距,选择打印机等等。 需要指出的是这种方法提供一个打印前和打印后的事
  • 输出 java 项目的日志文件乱码(中文部分),但是输出中文内容的 .txt 文件正常,两个中只能有一个正常,不会两个同时输出正常。 错误截图: (不同的文件,文件中都包含中文内容,字符编码和字符集编码相同,出现...
  • 该项值可以为: common 与 combined ,这两个预先设置好的格式对应的日志输出内容如下: common 的值: %h %l %u %t %r %s %b combined 的值: %h %l %u %t %r %s %b %{Referer}i %{User-Agent}i ...
  • 而一般情况下,打印时选择的打印机是默认打印机,打印页面范围是所有页面,如果要选择其他打印机或打印部分页面,需要对代码进行一定的设置。通过在百度和各大网站上查找资料,终于在MSDN上找到了一个解决方案,我把...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 262,041
精华内容 104,816
关键字:

怎样选择打印部分内容