精华内容
下载资源
问答
  • 主要介绍了Vue实现浏览器打印功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
  • jquery 调用浏览器打印功能,引入jQuery和jqprint插件,为了处理jQuery和jqprint插件的版本不兼容问题,在引入jquery-migrate
  • 本篇文章主要介绍了JS实现浏览器打印、打印预览示例。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 浏览器打印的功能保留并赋予到自己添加的按钮当中,可以在点击按钮的同时触发自定义的函数
  • 主要给大家介绍了关于利用React如何实现浏览器打印部分内容的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用React具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
  • web 调取浏览器打印 打印图片+文字 浏览器调取浏览器打印 打印图片+文字
  • 可以在jsp调试的时候打印日志信息,避免使用alert的时候内容太长显示不全
  • 本文实例讲述了JavaScript调用浏览器打印功能的方法。分享给大家供大家参考。具体如下: 1. 通用型,支持IE,Firefox,Chrome… 代码如下:window.print(); 2. 只支持IE打印: [removed] var print=function(){ /** ...
  • 用于浏览器打印的AngularJS指令。 版权所有(C)2014、2015、2016 Gil Fink 安装 您可以选择首选的安装方法: 从github下载: 用法 在您的应用程序中同时包含ngPrint.js和ngPrint.css 。 < link href =" ...
  • 主要介绍了js如何实现浏览器打印功能,文中示例代码非常详细,帮助大家更好的理解和学习,感兴趣的朋友可以了解下
  • html和js通过window.print()实现调用浏览器打印带背景图片和生成二维码的文件功能;直接下载可用
  • ###web项目在安卓手机浏览器打印,安卓平板浏览器打印 web项目在pc端打印,可以通过 window.print();打印。 但是这句话在安卓浏览器中是没有效果的。 解决方法:通过小米应用商店下载Edge浏览器安装,就可以向pc端...

    ###web项目在android手机浏览器打印,android平板浏览器打印

    web项目在pc端打印,可以通过 window.print();打印。

    但是这句话在安卓浏览器中是没有效果的。

    解决方法:通过小米应用商店下载Edge浏览器安装,就可以向pc端浏览器一

    样使用打印了

    重点:不要写下边这句话,安卓浏览器打印是在这句话执行后读取的,

    可以自己尝试一下

    window.location.reload();
    

    另外EXCEL导出也可以使用

    展开全文
  • NULL 博文链接:https://momo330.iteye.com/blog/745081
  • JS实现浏览器打印、打印预览

    千次阅读 2019-05-10 17:39:19
    JS实现浏览器打印、打印预览 1.JS实现打印的方式方式一:window.print()window.print();会弹出打印对话框,打印的是window.document.body.innerHTML中的内容,下面是从网上摘到的一个局部打印的例子,该...

    JS实现浏览器打印、打印预览

    1.JS实现打印的方式
    方式一:window.print()
    window.print();会弹出打印对话框,打印的是window.document.body.innerHTML中的内容,下面是从网上摘到的一个局部打印的例子,该例子的不足是打印会修改页面的内容。

    复制代码
    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>局部打印案例</title>
    <script type="text/javascript"> 
    function doPrint() { 

    if (confirm('确定打印吗?')){
    try{
    print.portrait = false ;//横向打印
    }catch(e){
    //alert("不支持此方法");
    }

    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>
    </head>
    

    <body>
    <p>1不需要打印的地方</p>
    <p>2这里不要打印啊</p>
    <!–startprint–><!–注意要加上html里star和end的这两个标记–>
    <h1>打印标题</h1>
    <p>打印内容~~</p>
    <!–endprint–>
    <button type=“button” onclick=“doPrint()”>打印</button>
    <p>不打印的地方啊哈哈哈哈</p>
    <p>2</p>
    </body>
    </html>

    复制代码

    方式二:使用html 标签<object>引入Webbrowser控件
    这种方式是其只兼容IE,其他浏览器不可使用,同时IE10以下的浏览器才可以使用,调用方式如下:

    复制代码
    <body>
    <object id="WebBrowser" classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height="0" width="0"> </object>
    </body>
    <script>
    WebBrowser.ExecWB(1,1) //打开 
    WebBrowser.ExecWB(2,1) //关闭现在所有的IE窗口,并打开一个新窗口 
    WebBrowser.ExecWB(4,1) //保存网页
    //--------------- 常用 ---------------    
    WebBrowser.ExecWB(6,1) //打印 
    WebBrowser.ExecWB(7,1) //打印预览 
    WebBrowser.ExecWB(8,1) //打印页面设置 
    //-------------------------------------    
    WebBrowser.ExecWB(10,1) //查看页面属性 
    WebBrowser.ExecWB(15,1) //撤销 
    WebBrowser.ExecWB(17,1) //全选 
    WebBrowser.ExecWB(22,1) //刷新 
    WebBrowser.ExecWB(45,1) //关闭窗体无提示
    </script>
    复制代码

    这种方式优势是在IE下可以弹出打印预览,这是打印很人性化的功能,但是遗憾的是高版本的IE浏览器不支持WebBrowser了

    方式三:采用document.execCommand(”print”)
    该方式也兼容各个版本的浏览器,同window.print()一样,其启动的是打印对话框,chrome的打印对话框自带预览功能,但是IE、火狐仅仅只弹出打印设置对话框,没有预览功能。

    方式四:采用JQuery插件
    使用JQuery浏览插件可以很方便的进行局部打印,常用的插件有:

    1)jquery.print.js 下载地址:https://github.com/DoersGuild/jQuery.print

    2)jquery.print-preview.js 下载地址:https://github.com/etimbo/jquery-print-preview-plugin

    这两种方式使用都很简单,1)通过$("#id").print(/*options*/);调用;2)通过$('#id').printArea(/*options*/); 其中的option可选项可以在下载地址下载下来后看示例代码,一般options不用传即可,示例代码如下:

    复制代码
    <html>
    <head>
    <meta http-equiv=Content-Type content="text/html; charset=utf-8">
    <title>JQuery打印</title>
    <script type="text/javascript" src="./js/jquery-3.1.1.min.js"></script>
    <script language="javascript" src="./js/jquery.print.js"></script>
    </head>
    

    <body style=‘margin:0 auto;text-align:center;’>
    <button id=‘button_print’ name=‘button_print’ onclick=“javascript:printit()>打印</button>
    <div id=‘ganburenmianbaio’ class=“WordSection1” style=‘width:750px;margin:0 auto;text-align:center;vertical-align: middle;’>
    </div>
    </body>
    <script language=“javascript”>
    function printit(){
    $(”#ganburenmianbaio").print({iframe:true,prepend:’<br/>’});
    }
    </script>
    </html>

    复制代码

    方式五:采用浏览器打印第三方插件
    该方式需要用户浏览器安装相关的第三方插件,用户体验不好,故在此不细述了。

    2.打印预览
    chrome浏览器、win10自带的IE浏览器 调用打印弹出的打印设置界面中包含打印预览部分,故其通过上面的打印函数的调用即可实现。

    IE9以后的版本、火狐不支持webbrowser控件了,JS调用不了浏览器的打印预览的功能,我们只能用iframe模拟打印预览的对话框,将需要打印的内容显示在该对话框中,然后在调用打印的功能实现打印。

    1)jquery打印预览插件
    jquery.print-preview.js 下载地址:https://github.com/etimbo/jquery-print-preview-plugin

    其实现的效果如下图(其自动的示例代码)

     

    2)webbrowser控件打印预览
    IE8及以下版本可以调用WebBrowser.ExecWB(7,1) 函数弹出浏览器的打印预览对话框,采用该函数的好处是 用户可以在打印预览对话框中 调整页边距、页眉、页脚;

    下面贴出的是设置页边距、页眉、页脚的JS代码

    复制代码
    //取得页面打印设置的原参数数据 
    function PageSetup_temp(){ 
    try 
    { 
    var Wsh=new ActiveXObject("WScript.Shell"); 
    HKEY_Key="header"; 
    //取得页眉默认值 
    head = Wsh.RegRead(HKEY_Root+HKEY_Path+HKEY_Key); 
    HKEY_Key="footer"; 
    //取得页脚默认值 
    foot = Wsh.RegRead(HKEY_Root+HKEY_Path+HKEY_Key); 
    HKEY_Key="margin_bottom"; 
    //取得下页边距 
    bottom = Wsh.RegRead(HKEY_Root+HKEY_Path+HKEY_Key); 
    HKEY_Key="margin_left"; 
    //取得左页边距 
    left = Wsh.RegRead(HKEY_Root+HKEY_Path+HKEY_Key); 
    HKEY_Key="margin_right"; 
    //取得右页边距 
    right = Wsh.RegRead(HKEY_Root+HKEY_Path+HKEY_Key); 
    HKEY_Key="margin_top"; 
    //取得上页边距 
    top = Wsh.RegRead(HKEY_Root+HKEY_Path+HKEY_Key); 
    } 
    catch(e){ 
    //alert("不允许ActiveX控件"); 
    } 
    } 
    

    //设置网页打印的页眉页脚和页边距,注册表里的单位是英寸,打印设置中是毫米,1英寸=25.4毫米
    function PageSetup_Null(){
    try
    {
    var Wsh=new ActiveXObject(“WScript.Shell”);
    HKEY_Key=“header”;
    //设置页眉(为空)
    Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
    HKEY_Key=“footer”;
    //设置页脚(为空)
    Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
    HKEY_Key=“margin_bottom”;
    //设置下页边距(0)
    Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,“0.6”);
    HKEY_Key=“margin_left”;
    //设置左页边距(0)
    Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,“0.3”);
    HKEY_Key=“margin_right”;
    //设置右页边距(0)
    Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,“0.3”);
    HKEY_Key=“margin_top”;
    //设置上页边距(8)
    Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,“0.6”);
    }
    catch(e){
    //alert(“不允许ActiveX控件”);
    }
    }

    //设置网页打印的页眉页脚和页边距为默认值
    function PageSetup_Default(){
    try
    {
    var Wsh=new ActiveXObject(“WScript.Shell”);
    HKEY_Key=“header”;
    HKEY_Key=“header”;
    //还原页眉
    Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,head);
    HKEY_Key=“footer”;
    //还原页脚
    Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,foot);
    HKEY_Key=“margin_bottom”;
    //还原下页边距
    Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,bottom);
    HKEY_Key=“margin_left”;
    //还原左页边距
    Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,left);
    HKEY_Key=“margin_right”;
    //还原右页边距
    Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,right);
    HKEY_Key=“margin_top”;
    //还原上页边距
    Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,top);
    }
    catch(e){
    //alert(“不允许ActiveX控件”);
    }
    }

    复制代码

    使用该函数,会弹出

     

    通过网页修改activex安全设置,添加信任站点,禁用该弹出窗口提示,代码如下:

    复制代码
    function activeXControl(){
    try{
    var WshShell=new ActiveXObject("WScript.Shell");
    

    //添加信任站点(http://127.0.0.1)
    WshShell.RegWrite(“HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\ZoneMap\Ranges\Range100\”,"");
    WshShell.RegWrite(“HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\ZoneMap\Ranges\Range100\:Range”,“127.0.0.1”);
    WshShell.RegWrite(“HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\ZoneMap\Ranges\Range100\http”,“2”,“REG_DWORD”);

    //修改IE ActiveX安全设置: 1本地Intranet区域
    WshShell.RegWrite(“HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\1\1001”,“0”,“REG_DWORD”);
    WshShell.RegWrite(“HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\1\1004”,“0”,“REG_DWORD”);
    WshShell.RegWrite(“HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\1\1200”,“0”,“REG_DWORD”);
    WshShell.RegWrite(“HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\1\1201”,“0”,“REG_DWORD”);
    WshShell.RegWrite(“HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\1\1405”,“0”,“REG_DWORD”);
    WshShell.RegWrite(“HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\1\2201”,“0”,“REG_DWORD”);

    //修改IE ActiveX安全设置:2受信任的站点区域
    WshShell.RegWrite(“HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\2\1001”,“0”,“REG_DWORD”);
    WshShell.RegWrite(“HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\2\1004”,“0”,“REG_DWORD”);
    WshShell.RegWrite(“HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\2\1200”,“0”,“REG_DWORD”);
    WshShell.RegWrite(“HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\2\1201”,“0”,“REG_DWORD”);
    WshShell.RegWrite(“HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\2\1405”,“0”,“REG_DWORD”);
    WshShell.RegWrite(“HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\2\2201”,“0”,“REG_DWORD”);

    //修改IE ActiveX安全设置:3Internet区域
    WshShell.RegWrite(“HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\3\1001”,“0”,“REG_DWORD”);
    WshShell.RegWrite(“HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\3\1004”,“0”,“REG_DWORD”);
    WshShell.RegWrite(“HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\3\1200”,“0”,“REG_DWORD”);
    WshShell.RegWrite(“HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\3\1201”,“0”,“REG_DWORD”);
    WshShell.RegWrite(“HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\3\1405”,“0”,“REG_DWORD”);
    WshShell.RegWrite(“HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\3\2201”,“0”,“REG_DWORD”);

    //禁用Winxp弹出窗口阻止程序
    WshShell.RegWrite(“HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\New Windows\PopupMgr”,“no”);
    }catch(e){
    //alert(“不允许ActiveX控件”);
    }
    }

    复制代码

    3.问题
    1)网页修改activex安全设置该段代码也是必须在启用ActiveX的条件下调用成功,是需要用户在Internet的配置项中设置的(如下图),如何才能自动启用该插件?

     

     

    2) chrome、火狐如何通过JS设置页边距、页眉、页脚?

    3) IE高版本浏览器、火狐如何通过JS弹出浏览器自己的打印预览?

    分类: web前端
    展开全文
  • jQuery-dayin调用浏览器打印,兼容各大浏览器,欢迎下载(部分浏览器默认无预览)
  • SpringMVC+jspereport,实现报表分页查看、文件(pdf、excel、word)导出,以及html展示和调用浏览器打印功能实现打印,报文都是采用ireport5.6.0设计
  • JS调用浏览器打印功能

    千次阅读 2019-07-05 11:05:06
    最近做了一个调用浏览器打印的功能,之前没做过,百度了一下,觉得非常简单,现在贴出代码以及需要注意的地方。 $(document).on('click', '.printBtn', function(){ //创建一个打印窗口 var printWindow = ...

    最近做了一个调用浏览器打印的功能,之前没做过,百度了一下,觉得非常简单,现在贴出代码以及需要注意的地方。

    $(document).on('click', '.printBtn', function(){
    		//创建一个打印窗口 
    		var printWindow = window.open("打印窗口","_blank");
    		//将明细页面拷贝到新的窗口,这样新的窗口就有了明细页面的样式
    		var htmlbox = $("html").html();
    		printWindow.document.write(htmlbox);
    		//获得要打印的内容
    		var printbox = $("#printDiv").html();
    		//将要打印的内容替换到新窗口的body中
    		printWindow.document.body.innerHTML = printbox;
    		//脚本向窗口(不管是本窗口或其他窗口)写完内容后,必须关闭输出流。在延时脚本的最后一个document.write()方法后面,必须确保含有document.close()方法,不这样做就不能显示图像和表单。
    		//并且,任何后面调用的document.write()方法只会把内容追加到页面后,而不会清除现有内容来写入新值。
    		printWindow.document.close();
    		//打印
    		//chrome浏览器使用jqprint插件打印时偶尔空白页问题
    		//解决方案:有时候页面总是加载不出来,打印出现空白页,可以设置延迟时间来等待页面的渲染,但是渲染时间的长短跟页面的大小有关,是不固定的。所以这里使用事件监听器。
    		printWindow.addEventListener('load', function(){
    			printWindow.print();
    			//关闭窗口
    			printWindow.close();
    		});
    	});
    

    注意之处:
    1、获取新页面的内容要用jquery的html()方法,不能用js的innerHTML方法,因为js的innerHTML方法获取的页面内容会失去样式。
    2、直接用print()方法时,谷歌浏览器在打印预览的时候会出现空白页。原因是页面渲染还没有完成,就调用了print()方法。刚开始的时候使用setTimeout()方法延迟加载,但是发现不行,因为延迟的时间长短取决于页面的大小。所以这里使用了事件监听器。

    事件函数:
    element.addEventListener(event, function, useCapture)

    参数描述
    event必须。字符串,指定事件名。注意: 不要使用 “on” 前缀。 例如,使用 “click” ,而不是使用 “onclick”。
    function必须。指定要事件触发时执行的函数。 当事件对象会作为第一个参数传入函数。 事件对象的类型取决于特定的事件。例如, “click” 事件属于 MouseEvent(鼠标事件) 对象。
    useCapture可选。布尔值,指定事件是否在捕获或冒泡阶段执行。可能值:true - 事件句柄在捕获阶段执行;false- false- 默认。事件句柄在冒泡阶段执行

    那么什么是事件冒泡和事件捕获呢?

    事件传递有两种方式:冒泡和捕获

    事件传递定义了元素事件触发的顺序。如果将a元素插入到div元素中,用户点击a元素,哪个元素的“click”事件先被触发呢?

    在冒泡中,内部元素的事件会先被触发,然后再触发外部元素,即:a元素的点击事件先触发,然后会触发div元素的点击事件。

    在捕获中,外部元素会先被触发,然后才会触发内部元素的事件,即:div元素的点击事件先触发,然后再触发a元素的点击事件。

    移除监听事件
    element.removeEventListener(“mousemove”, myFunction);

    展开全文
  • chrome浏览器实现打印预览打印功能.zip
  • 手机浏览器打印问题

    2021-01-19 14:36:32
    。。。换个浏览器吧, edge、三星浏览器、以及换个手机(华为自带浏览器支持打印)。。。。

    。。。换个浏览器吧,

    edge、三星浏览器、以及换个手机(华为自带浏览器支持打印)。。。。

    展开全文
  • JS实现浏览器打印Word

    2020-10-24 15:30:52
    免费浏览器打印插件 浏览器静默打印各种文档 浏览器js打印PDF 浏览器js打印HTML 浏览器js打印图片 浏览器js打印Word 浏览器js打印Excel 浏览器js打印PPT 浏览器js打印ZPL、epl 浏览器js打印设计 浏览器读取串口数据 ...
  • 浏览器打印方法总结

    2021-03-09 17:25:45
    浏览器自带打印2. 用printThis插件 实现局部打印3.隐藏页面标题和页面位置 1.浏览器自带打印 浏览器有自带的打印方法,但是有个问题就是它只能打印整个页面。如果需要打印局部会比较麻烦。具体实现方法可以看 ...
  • 360安全浏览器打印设置在哪里 360安全浏览器打印设置在哪里?360安全浏览器是很适合大众使用的一款新一代浏览器,拥有全国最大的恶意网址库,采用恶意网址拦截技术,用户们还可以使用360安全浏览器进行打印,但好用...
  • Vue实现浏览器打印功能

    千次阅读 2020-04-15 16:53:34
    Vue实现浏览器打印功能 实际项目中使用vue实现调用本地打印机打印功能 import vueEasyPrint from "vue-easy-print"; 1.导入 “vue-easy-print” 2.编写打印模板 <template> <div> <div > &...
  • 浏览器打印不弹出预览直接打印

    千次阅读 2021-03-03 13:53:45
    设置谷歌,360浏览器不弹出预览直接打印,前提是选好打印驱动,按下面步骤设置即可 添加链接描述
  • 调用浏览器打印

    千次阅读 2019-02-12 14:28:37
    调用浏览器打印会比一般打印的方法简单很多。下面就是我在做项目时用到的调用浏览器打印的方法。 先用一个div把要打印的部分包裹起来,然后获取按钮的ID,然后获取要打印部分的ID,要打印的那部分先用一个div包裹...
  • 调用浏览器打印按钮,实现打印页面功能,可以实现二次开发
  • 浏览器打印pdf

    2017-05-15 16:30:22
    浏览器显示、打印pdf,基于Adobe Reader的方案,但是插件本身有bug,如果需要实现更好的在线打印,只能自己写ActiveX插件了,更好的方案,需要写浏览器插件。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 233,062
精华内容 93,224
关键字:

浏览器打印