【JS】window.print打印指定内容

【【JS】window.print打印指定内容】的更多相关文章

【JS】window.print打印指定内容

有时候网页用到打印但是不想打印所有内容,就需要只打印指定内容,下面简单演示下如何打印指定内容 1.在需要打印的指定内容的头部前面加“”,在尾部后面加上“”  <div> 需要打印的内容 </div>  2.添加JS代码 <script language=javascript> function d…

用window.print()打印指定div里面的内容（转载的）

用window.print()打印指定div里面的内容今天客户让添加个打印证照功能,直接用window.print()打印的是整个页面,而用以下方法就可以只打印证明了  <html> <head> <script language="javasc…

用window.print()打印指定div里面的内容

用window.print()打印指定div里面的内容今天客户让添加个打印证照功能,直接用window.print()打印的是整个页面,而用以下方法就可以只打印证明了  <html> <head> <script language="javasc…

window.print打印指定html元素中的内容

通常有些时候我们项目过程中使用到打印功能,而wndow.print便是系统里提供的一个函数. 但是直接使用的话,它打印的将是整个页面的所有元素,而有些时候我们又只需要打印部分内容. <body> <div id="content" style="width: 500px; height: 500px; border: 1px solid #ff6a00;"> 首艘国产航母下水.国产大型客机C919成功首飞."天眼"探空.&…

window.print打印指定div

window.print可以打印网页,但有时候我们只希望打印特定控件或内容,怎么办呢? 首先我们可以把要打印的内容放在div中,然后用下面的代码进行打印. <html> <head> <script language="javascript"> function printdiv(printpage) { var headstr = "<html><head><title></title&…

window.print打印指定div实例代码

window.print可以打印网页,但有时候我们只希望打印特定控件或内容,怎么办呢,请看下面的例子首先我们可以把要打印的内容放在div中,然后用下面的代码进行打印. 复制代码代码如下: <html> <head> <script language="javascript"> function printdiv(printpage) { var headstr = "<html><head><title>…

Web window.print() 打印

web打印 window.print() 我只给出比较有效的,方便的打印方法,有些WEB打印是调用ActiveX控件的,这样就需要用户去修改自己IE浏览器的Internet选项里的安全里的ActiveX,将它们全部启用,有些麻烦,翻了下网络, 下面的方法是可以直接打印,而不会去修改IE的Internet选项. window.print来打印页面,页面上别的元素也会被打印处理,页头页尾的格式也不好控制.• 常用方法:大部分情况会把查询的结果绑定到DataGrid上来,然后打印DataGrid.这种…

window.print()打印页面指定内容（使用iframe保证原页面不失效）

使用window.print()时会出现两个问题: (1)直接使用window.print() 打印的是整页内容-->无法实现打印指定区域 (2)打印时替换body中的内容,打印完成后再替换回来-->这样会导致原来页面状态失效使用iframe即可打印指定内容,也可保证页面不失效,具体方法如下: 1.将打印的内容独立出来为一个print.html文件,并为页面添加打印事件 <!DOCTYPE html> <html> <head> ... </head…

window.print() 打印页面部分内容的方法

用 JavaScript 实现页面数据的打印 : 主要是用到了一个 print() 函数 , 该函数将会打印整个 web 页面 body 内的所有 html 数据 ! 使用方法为 window.print(); 打印页面上局部的数据,则可以用 //把数据嵌套在一个 div 里,获得 div var printData = document.getElementById("dvData").innerHTML; 获得 div 里的所有 html 数据 window.document.…

用window.print()打印如何去掉页眉和页脚

用window.print()打印如何去掉页眉和页脚 2007-07-12 11:44:52| 分类: javascript 知识|举报|字号订阅 <script language="JavaScript">var hkey_root,hkey_path,hkey_keyhkey_root="HKEY_CURRENT_USER"hkey_path="\\Software\\Microsoft\\Internet Explorer\\…

使用tf.print()打印tensor内容

使用tf.Print()打印tensor内容,这是tensorflow中调试bug的一个手段,例子如下所示: import tensorflow as tf a = tf.Variable(tf.random_normal([3, 3, 1, 64], stddev=0.1)) a = tf.Print(a, [a], "a: ",summarize=9) init = tf.global_variables_initializer() sess = tf.Session() sess…

window.print打印方法实现

vue中使用window.print打印效果项目要求打印每页有10行表格,如果接口数据没有十个显示10行效果图第一页第二页子组件 <template> <div> <div class="print" :key="i" v-for="i in Len"> <p class="print-title">打印页面</p> <div class="…

js调用浏览器打印指定div内容

--打印按钮事件 function printForm(){ var headstr = '<html xmlns:th="http://www.thymeleaf.org">'+ '<head>'+ '<style type="text/css">'+ 'table-bordered>thead>tr>th, .table-bordered>tbody>tr>th,…

在网页上打印，js window.print

window.print默认会打印出当前页在屏幕中显示的部分,可以实现在线打印…

window.print()打印网页（一）

有时候需要将网页内容打印到纸上,最简单的一种方法是用window对象的print方法. window.print()默认打印当前网页的所有部分.(除了背景,默认打印都是白底黑字,如果有特别的设置要另外加样式.)那么由此衍生出了一些问题.有时候有一些元素,页面上有但我们打印的时候是不需要的.比如点击打印的按钮.导航栏或者侧边栏什么的.我们可以在打印的时候将它们隐藏掉.这时候就需要在打印的时候创造专属的样式表. 1.先创建网页样式.不管是内联.外链样式,都需要加上 media="screen&q…

js实现复制|剪切指定内容到粘贴板--clipboard

这是著名开源项目 clipboard.js 的 README.md,里面讲解的更加详细,有兴趣的同学可以了解一下.项目地址:https://github.com/zenorocha/clipboard.js 下面我就简单记录一下,我对clipboard.js的小小见解. 安装: npm install clipboard --save 安装完成后,会在项目目录下的node_modules文件夹下找到clipboard文件夹注:如果不是vue项目,可以去官网https://clipboardjs…

window.print实现打印特定控件或内容

window.print打印指定div 首先我们可以把要打印的内容放在div中,然后用下面的代码进行打印. <html> <head> <script language="javascript"> function printdiv(printpage) { var headstr = "<html><head><title></title></head><body>&…

关于MVC打印问题，打印指定的内容

首先你的内容一定要放在一个div中如下代码 <div id="divprint"> <table class="table table-striped dataTable table-bordered" id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info"> <thead> <tr role="r…

使用window.print实现网页打印

Window.print()方法用于在浏览器中打印当前窗口的内容,如果想要打印当前窗口中指定部分的内容的话需要其他的一些特殊的处理; Demo: <html> <head> <title>页面标题</title> <style type=”text/css” media=”print”> #button{ //隐藏网页中的打印按钮 display:none; } </style> <script type=”javscript”…

生成二维码的js以及调用打印插件

插件: qrcode.js 插件下载网址:http://code.ciaoca.com/javascript/qrcode/ 用法实例: <script type="text/javascript"> $(function (){ var qrcode = new QRCode('qrcode', { width: 100, height: 100, colorDark : '#000000', // 前景色 colorLight : '#ffffff', //背景…

Vue项目中将table组件导出Excel表格以及打印页面内容

体验更优排版请移步原文:http://blog.kwin.wang/programming/vue-table-export-excel-and-print.html 页面中显示的table表格,经常会要求实现导出Excel的需求,项目中刚好遇到,实现起来也比较简单,记录一下. 1.这里主要需要两个依赖:xlsx.file-saver: npm install xlsx --save npm install file-saver --save 2.组件中引入 import FileSaver f…

js另存为、打印、属性、加入收藏、关闭等代码

js打开代码 <input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开> <OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT> 可能提示“权限不足” js另存为代码 <input name=Button onCl…

文档打印 js print调用打印dom内容

1.首先按目前研究 print可以打印dom 2.被设置overflow:hidden 的模块,打印时会被截掉. 3.被设置成 display:none 的dom 打印不会有样式边框等. 4.如果需要改变打印样式则需要css3媒体查询,并确保样式被加载到输出的dom中: 例如: <style type="text/css">@media print {.showy>p{display:none;}.cls{display:none;}td {background-c…

js打印指定元素内容

var v = document.createElement("div"); //向v中追加打印数据,可以将界面的元素追加进来 var h = window.open("打印窗口", "_blank"); h.document.write( $(v).prop("outerHTML")); h.document.close(); h.print(); h.close();…

JS调用iframe方式实现Web区域打印页面内容

1.程序说明 1) 此程序可以实现选择页面中的区域进行打印,以iframe方式进行打印: 2) 与原生态的print() 区别在于,取消打印页面后可以完整保留当前访问页面的内容. 2.代码部分 1) JS 函数: 代码如下复制代码 function do_print(id_str)//id-str 打印区域的id{ var el = document.getElementById(id_str); var iframe = document.createElement('…

控制页面打印的2种方法（css3的media媒体查询和window.print()）

在实际开发中,有时可能会有打印的需求.下面我总结了2种打印的方法,希望对各位小伙伴有所帮助. ①:直接用window.print()方法就可以打印整个页面,下面是一个小demo <!DOCTYPE HTML> <html> <head> <title>div print</title> <meta charset="UTF-8"/> </head> <body> <p>HTML…

window.print()局部打印三种方式

首先准备要打印的内容,也可以打印时再填充,html中定义如下:  <div id="printcontent" style="display:none"> ${printContentBody} </div>  方法一: 通过开始.结束标记(startprint.endprint)来打印 function doPrint() { bdhtml=window…

Html打印需要内容块(Js实现)

首先在head里面加入下面一段js代码: function preview(oper) { ) { bdhtml = window.document.body.innerHTML; //获取当前页的html代码 sprnstr = ""; //设置打印开始区域 eprnstr = ""; //…

asp.net中打印指定控件内容

1.写一个PrintHelper类using System;using System.Data;using System.Configuration;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;using…

window.print控制打印样式

我们可能会去使用window.print()方法来打印页面,但是当我们遇到需要改变打印时候的字体大小等css样式的时候你可能会懵逼. 所以搜索成了我们的必经之路,我相信在网上搜索出来的最好的答案就是使用js来新打开一个页面,设置其中的样式在去打印. 初略一看,这个方案还是可以接受的,最起码实现了功能,虽然很不优雅. 其实如果你熟悉@media 的话,你可能会忽略掉一个功能,那就是控制打印样式! @media print { selector { ... } } 这个规则会在我们调用window.…