vue使用window.print()后网页不能操作

使用window.print()后，未关闭打印页面，原网页不能操作

使用window.print()后,未关闭打印页面,原网页不能操作,此时可以试着用window.location.reload()重新加载页面解决问题.

使用window.print实现网页打印

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

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

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

在网页上打印，js window.print

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

js实现双击后网页自己主动跑-------Day55

公司的界面设计环节总算是告一段落了,必需要承认的是,这段时间晚间的学习带给我非常多益处.在工作中偶尔的应用,效果出奇的好,收到领导和同事的一些小赞扬,表示非常欣慰,也长了点不少自信,尽管不理解,他们这些工作好几年的人应该对这些不是应该都非常了解么.为什么会表现出来有些陌生.只是不想那么多了.喜欢就好. 今天来记录下js实现双击后网页自己主动跑,这个在非常多站点上都有所体现吧,那么该怎样实现呢? 首先我们来分析下实现的基本原理: 1.获取鼠标的双击事件(这个在前面以前记录过一次,可是非常不幸的是上

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

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

window.print()小知识

window.print() 实际上,是浏览器打印功能菜单的一种程序调用.与点击打印功能菜单一样,不能精确分页,不能设置纸型,套打的问题更加无从谈起,只不过,可以让用户不用去点菜单,直接点击网页中的一个按钮,或一个链接里面调用罢了.事实上,很多用户都是采用这种方式打印,但是这种方式最致命的缺点是不能设置打印参数,比如纸型,页边距,选择打印机等等. 需要指出的是这种方法提供一个打印前和打印后的事件onbeforeprint.onafterprint.可以在打印前的时候重新编辑一些格式,专门送去打

ThinkPHP 表单提交操作成功后执行JS操作如何刷新父页面或关闭当前页等操作

ThinkPHP 表单提交操作成功后执行JS操作如何刷新父页面或关闭当前页等操作 .操作成功后刷新父页面 $this->assign('jumpUrl', "javascript:window.parent.location.reload();"); $this->success(‘提交成功’); .操作成功后关闭当前页 $this->assign('jumpUrl', "javascript:window.opener=null;window.open(&

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

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

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>

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

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

Web window.print() 打印

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

print打印网页相关

作者:zccst 1,CSS <link href="/style/print.css" rel="stylesheet" type="text/css" media="print"> /style/print.css文件 .noprint{display:none;} 在testPrint.html中使用print.css中的样式,在网页浏览的时候是看不出效果的,但是打印的时候会起作用,如下面这一段,加上nopr

Vue 中 diff 算法后更新 DOM 的方法

vue 2.0加入了 virtual dom,在 node_modules\vue\src\core\vdom\patch.js 中会对虚拟 DOM 进行 diff 算法等,然后更新 DOM. 网上的文章都是谈论的 diff 算法,而 diff 算法后如何取修改 DOM 没有太多说明. 我在源码中查找了下,找到了更新真实 DOM 的方法. node_modules\vue\src\core\vdom\path.js 中的 createPatchFunction 方法接收 backend ,而 b

控制页面打印的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打印方法实现

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】window.print打印指定内容

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

树莓派 Learning 002 装机后的必要操作 --- 02 解决中文问题

树莓派装机后的必要操作 - 解决中文问题我的树莓派型号:Raspberry Pi 2 Model B V1.1 装机系统:NOOBS v1.9.2 每一块树莓派,装机后都应该执行的步骤刚装机后,你上百度这个网页,你发现,不能显示中文,中文的地方都是乱码.要如何解决呢? 树莓派装机后的必要操作解决中文问题每一块树莓派装机后都应该执行的步骤解决中文问题 1 解决显示中文乱码问题 11 解决文本内的中文内容和网页里面的中文内容乱码问题 12 解决中文的文件夹名和中文的网页标题乱码问题

【vue系列】Virtual DOM 真的比操作原生 DOM 快吗？

一.前言网上都说操作真实dom怎么怎么慢,这儿有个例子:http://chrisharrington.github.io/demos/performance/,例子循环2000个随机数组,点击按钮重新生成随机数组渲染页面,也是自己用的js 操作dom 比用react 和angular 都要快.这是引用知乎上的一个问题.觉得写的很好.文章内容主要是来源于尤大大的回答. 二.原生dom操作VS通过框架封装操作这是一个性能 vs. 可维护性的取舍.框架的意义在于为你掩盖底层的 DOM 操作,让你用

vue使用window.print()后网页不能操作

热门专题