window.print 新页面打印并设置格式

window.print控制打印样式

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

使用window.print实现网页打印

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

得到 window.open 新页面中的数据

1.htm 页面单击按 '钮后' 调用window.open方法,开启新窗口 2.htm 想实现---------------------- 在2.htm页面单击按钮将相应的数据返回到 1.htm页面上的 textarea 或者 input文件区域中. function addlx() { //window.opener.document.getElementById('djzclx').value = id; window.opener.document.getElementById

控制页面打印的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

在网页上打印，js window.print

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

js点击button按钮跳转到另一个新页面

点击按钮怎么跳转到另外一个页面呢?我们在网站制作中可能是需要的,因为有时我们需要做这样的效果,尤其是将按钮做成一个图片,而点击图片要跳转到新的页面时,怎么做到呢? 这样的效果可以:onclick="window.location='新页面'" 来实现. 1.在原来的窗体中直接跳转用代码如下 window.location.href="你所要跳转的页面"; 2.在新窗体中打开页面用: 代码如下 window.open('你所要跳转的页面'); window.hist

PHP——0128练习相关2——js点击button按钮跳转到另一个新页面

js点击button按钮跳转到另一个新页面投稿:whsnow 字体:[增加减小] 类型:转载时间:2014-10-10我要评论点击按钮怎么跳转到另外一个页面呢?点击图片要跳转到新的页面时,怎么做到呢?可以使用onclick=window.location=新页面来实现点击按钮怎么跳转到另外一个页面呢?我们在网站制作中可能是需要的,因为有时我们需要做这样的效果,尤其是将按钮做成一个图片,而点击图片要跳转到新的页面时,怎么做到呢? 这样的效果可以:onclick="window.locat

css技术之用最高和最宽的限制“max-height和max-width”做图片同比例缩放，达到图片不变形目的，做出批量打印图片功能,页面打印“window.print()”

一.简介他们是为流而生的,像width/height这种定死的砖头式布局,min-width/max-width就没有存在的意义 ,min-width/max-width一定是自适应布局或流体布局中.常应用于表格或图片目的最近有个需求是想"批量打印图片",而因此在打印时就会出现,图片过大,不能达到一张图一张纸的效果, 而有些图过小,让其一张纸容纳了两张图,同样不满足要求,那怎么做到符合要求的,我的想法是:将图片比例设置成符合长宽既可, 但新的问题又来了,如果强行设置长宽,就会导致

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

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

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

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

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

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

关于页面打印window.print()的样式问题

当我们打印网页的时候.有时候会发现.打印出来的.跟网页上看到的样式的差别有点大.这其中可能有的问题是.样式问题. 当调用打印(window.print())方法时.打印机会在网页的样式中查找 @media print{}的样式,并适应到要打印的网页中. 所以如果要打印的页面符合看到的页面效果,最好在写套样式 <style type="text/css"> /* @media print 为打印时适应的样式表*/ @media print { body { font-si

Web window.print() 打印

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

用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里面的内容今天客户让添加个打印证照功能,直接用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()打印网页（一）

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

用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\\

多页面打印--web print

背景:项目中要求做在一个页面中通过选择网址来打印多个页面的内容的功能原理:通过iframe把各网址的页面内容加载进来,通过iframe.contentWindow拿到iframe的window对象,把所有网址页面内容整合至一个里面,再通过样式page-break-after实现分页打印.iframe通过监听load事件确定页面加载结束,在load中再加载下一个页面,来确保加载的顺序进行. 输入:字符串或者数组输出:弹出打印框,接着打印操作. 实现:使用构造函数保存实例自己的属性,通过原型保存

window.print 新页面打印并设置格式

热门专题