js实现浏览器打印功能】的更多相关文章

最近接触到一个新需求,实现打印机打印小票的功能.打的一桌子小票(惭愧),不过也基本满足了业务上的需求,现在分享一下如何实现(好记性不如烂笔头) 先上代码 // 布局代码 <div id="print">     <div id="print_content"></div> </div> //js 部分代码var f = document.getElementById('printf'); if (f) { docume…
1.JS实现打印的方式方式一:window.print()window.print();会弹出打印对话框,打印的是window.document.body.innerHTML中的内容,下面是从网上摘到的一个局部打印的例子,该例子的不足是打印会修改页面的内容. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset…
注意:js对地图的打印功能在arcgis10.1中才有提供,所以如果要使用esri自带的地图打印功能,必须使用arcgis 10.1或更高版本的地图打印模板.(由于官网和arcgis desktop提供的地图打印模板在打印地图标题时不能显示中文,所以建议自己用arcgis自定义模板,这样就能实现中文标题的打印了.) function Print(printTitle) { //var printTitle = $("#ipttitle").val(); var legend = $(&…
1.准备好js文件(我用的是谷歌浏览器) 这个文件是为了防止你的jQuery版本过高而不适配的问题 这是调用浏览器打印的js插件 2.引入js文件 <script src="js/jquery.jqprint-0.3.js"></script> <script src="js/jquery-migrate-1.2.1.min.js"></script> 3.给你的网页添加一个按钮来出发打印事件 <input ty…
<input type="button" id="print" onclick="printdiv('list');" value="打印"/> <script type="text/javascript"> function printdiv(list) { $("#print_value").val("打印"); $("#info…
提示的内容:SCRIPT438: 对象不支持“ExecWB”属性或方法 首先解决IE9不能打印预览的问题: 查找了一大推资料 ,有两种说法:一种是IE的安全性级别太高:一种是需要安装什么   微软web 浏览器,这两种解决方法对于我的问题都没有起到效果.无奈之下:只能将IE9 这个浏览器的版本号获取出来,不进行预览,直接进行信息打印. jquery 获取浏览器版本号的方法(需要引入的插件为:jquery-migrate-1.1.0.js): var version = $.browser.ver…
用到html <object>标签,具体做法如下: 1.在html文档任意位置添加<object>标签: <div style="border: 1px solid #000; height:40px;width:100%" class="noprint"> ... <OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=&q…
<%@ page language="java" %> <%@ page contentType="text/html; charset=gb2312"%> <%@ taglib prefix="s" uri="/struts-tags"%> <%@ page import="java.util.*" %> <html> <head>…
概述 Notification API是浏览器的通知接口,用于在用户的桌面(而不是网页上)显示通知信息,桌面电脑和手机都适用,比如通知用户收到了一封Email.具体的实现形式由浏览器自行部署,对于手机来说,一般显示在顶部的通知栏. 如果网页代码调用这个API,浏览器会询问用户是否接受.只有在用户同意的情况下,通知信息才会显示. 下面的代码用于检查浏览器是否支持这个API. if (window.Notification) { // 支持 } else { // 不支持 } 目前,Chrome和F…
--打印按钮事件 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,…