JQuery打印】的更多相关文章

使用的组件:jQuery打印插件PrintArea,有兴趣的可以研究一下. 使用方法略过,这里将介绍如何实现打印多页是可以分页. 现在提供两种方法思路: 1.根据特定的打印机型号和使用的纸张类型,然后用JS来算出每页多高,按照每张纸的高度来进行适当的增减高度.(这种方式缺点就是只能针对单中类型的纸张,计算十分的繁琐,要些很多加减法 -_-);). 参考A4纸高度的网页:http://www.jb51.net/office/word/67360.html 2.在如上一个思路的方式,试着查找能不能自…
实现javascript打印功能,打印整个页面就很简单,但如果指定打印某一个区域就有点难点,这里有一个jQuery插件PrintArea可实现打印页面某区域功能. 使用说明需要使用jQuery库文件和PrintArea库文件 使用方法一,包含文件部分 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript&qu…
码][JavaScript]代码     跳至 [1] [全屏预览] ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 实现方法 引用jquery和,jqprint到您的页面   <script language="javascript" src="jquery-1.4.4.min.js"></script> <script languag…
实现javascript打印功能,打印整个页面就很简单,但如果指定打印某一个区域就有点难点,这里有一个jQuery插件PrintArea可实现打印页面某区域功能. 使用说明需要使用jQuery库文件和PrintArea库文件 使用方法一,包含文件部分 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript&qu…
最近项目中需要用到打印HTML页面,需要指定区域打印,使用jquery.PrintArea.js 插件 用法: $("div#printmain").printArea(); 但还是会打印DIV后面的内容,这里可以使用CSS控制打印分页 <div style="page-break-after: always;"></div> 有时用CSS控制分页了但还是会连续打印页面,这里就可以用上PrintArea 插件中的属性参数. PrintArea…
jquery.jqprint-0.3.js JQuery提供的局部打印功能: <input type="button" value="打印" onclick="javascript:$('#form2').jqprint()" /> 在IE下可能会有页眉页脚,需在“文件-页面设置”里去掉.…
使用jquery进行打印时,所需js包:jquery-1.4.4.min.js.jquery.jqprint-0.3.js 但如果使用高版本的jquery(jquery-1.9.1.min.js)时,则需使用jquery-migrate-1.2.1.min.js 使用jquery.jqprint打印 $("#打印页面").jqprint(); 所需js包:链接: https://pan.baidu.com/s/14zwDXRJSIFKkJ27KUHW9cg 提取码: 88ii…
1.首先引用Jquery和jqprint-0.3.js(依赖于Jquery的) <script language="javascript" src="jquery-1.4.4.min.js"> </script> <script language="javascript" src="jquery.jqprint-0.3.js"></script> 2.Hmtl代码 <div…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>获取各类宽高</title> <script src='../jquery-3.1.1.min.js'></script> <script> $(function(){ //浏览器当前窗口可视区域高度 console.lo…
使用jqprint打印插件的网页demo代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery打印插件jqprint</title> <!-- <script language="javascript" src="jquery-1.4.4.min.js"></scri…
1.JS实现打印的方式方式一:window.print()window.print();会弹出打印对话框,打印的是window.document.body.innerHTML中的内容,下面是从网上摘到的一个局部打印的例子,该例子的不足是打印会修改页面的内容. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset…
jQuery是一个Javascript库,它支持链式操作方式,即对发生在同一个JQuery对象上的一组动作,可以直接接连写无需要重复获取对象.这一特点使得JQuery的代码无比优雅,而且有强大的选择器,出色的DOM操作,可靠的事件处理机制,完善的Ajax,关键是有出色的浏览器兼容性,开发项目时可以不用考虑兼容性,因为jQuery已经替我们都修正好了,最后还有一点是jQuery有非常多的插件,功能非常丰富. jQuery和Vue(包括react.angular)的区别就不说了,网上一大堆哈哈,前者…
jQuery 设置宽度和高度 宽度操作: $(selector).height(); //不带参数表示获取高度 $(selector).height(200); //带参数表示设置高度   宽度操作: $(selector).width(); //不带参数表示获取宽度 $(selector).width(200); //带参数表示设置高宽度   问题:jQuery的css()获取高度,和jQuery的height获取高度,二者的区别? 答案: $("div").css(); //返回的…
前言 前段时间粗略的扫过一次require.js,当时没怎么在意,结果昨天看到index里面的代码就傻了,完全不知道从哪开始看啦,所以require与backbone的学习还要加紧才行. 由于前端所占业务越来越重,所以出现了模块化编程,但是js加载的先后顺序可能会给我们带来麻烦. 有时候我们为了解决页面堵塞会采用异步加载js的方式,这种方式往往带来了一些不确定因素. 为了解决这些问题,James Burke 便搞了一个AMD(Asynchronous Module Definition 异步模块…
常用学习资源 JS参考与基础学习系列 [MDN]JS标准参考 es6教程 JS标准参考教程 编程类中文书籍索引 深入理解JS系列 前端开发仓库 <JavaScript 闯关记> JavaScript 初学者教程(指南) JS讲义 李炎恢JavaScript教程 第一季 逐行分析jQuery源码的奥秘 JS常用框架.库.插件 [vue]vue官网 [vue]饿了么element UI [vue]vue-router路由 [vue]vuex状态管理 [vue]mint-ui移动端UI组件 [vue…
/*! jQuery v1.9.1 | (c) 2005, 2012 jQuery Foundation, Inc. | jquery.org/license //@ sourceMappingURL=jquery.min.map */(function(e,t){var n,r,i=typeof t,o=e.document,a=e.location,s=e.jQuery,u=e.$,l={},c=[],p="1.9.1",f=c.concat,d=c.push,h=c.slice,…
常用学习资源 JS参考与基础学习系列 [MDN]JS标准参考 es6教程 JS标准参考教程 编程类中文书籍索引 深入理解JS系列 前端开发仓库 <JavaScript 闯关记> JavaScript 初学者教程(指南) JS讲义 李炎恢JavaScript教程 第一季 逐行分析jQuery源码的奥秘 JS常用框架.库.插件 [vue]vue官网 [vue]饿了么element UI [vue]vue-router路由 [vue]vuex状态管理 [vue]mint-ui移动端UI组件 [vue…
heredoc(实现模板与代码的分离) 一.总结 heredoc实现模板与代码的分离,实现的是在后台编程语言中批量输出html代码,在这个批量输出的html代码中又可以嵌套编程语言变量.所以很方便. 比如php:如果不支持heredoc的话,就只能echo一行一行的输出html代码,这样人会疯掉的.还好php可以支持在html中非常方便的嵌套php代码(<?php ?>),也可以解决这个问题. 像那些不方便在html中直接嵌套的代码比如python,要是不想一行一行的输出html,heredo…
实现的打印功能大致跟浏览器的 Ctrl+P 效果一样 一.直接上代码 <!DOCTYPE html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>index</title> </head> <body> <di…
(function ($) { var printAreaCount = 0; $.fn.printArea = function () { var ele = $(this); var idPrefix = "printArea_"; removePrintArea(idPrefix + printAreaCount); printAreaCount++; var iframeId = idPrefix + printAreaCount; var iframeStyle = 'pos…
<script language="javascript" src="jquery-1.4.4.min.js"></script> <script language="javascript" src="jquery.jqprint-0.3.js"></script> <script language="javascript"> function a…
简要教程 jQuery.print是一款简单易容且功能强大的网页内容打印jQuery插件.该网页打印插件可以打印指定区域的网页元素,可以指定跳过不打印某些元素,还可以打印整个页面内容.并且提供了丰富的打印参数设置. 使用方法 使用该网页打印插件要引入jQuery和jquery.print.js文件. <script type="text/javascript" src="js/jquery.min.js"></script> <scri…
方法一:直接用js的打印方法 <input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" />  方法二:引用jquery插件打印(可以打印整个网页内容和网页的局部内容) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN&q…
jQuery API 3.1.0 速查表-打印图,(API来自:http://jquery.cuishifeng.cn/index.html)…
在公司的生产现场中,常常会在一些部品或设备上贴上二维码,用于扫描录入数据,免去手动输入的麻烦. 以前曾经做过winform的程序,生成二维码,并打印出来,使用的是zxing的类库, 但是如果二维码是附在其他界面上的,使用winform就需要用到Graphics的方法,但是这个方法很难绘制出想要的效果,并且不容易修改. 后来,发现html静态网页能生成二维码,并且界面排版简单,就使用jquery.qrcode生成二维码, 打印的时候,使用jqprint,打印指定的div就可以了,非常方便. 下面分…
目標: 點選按鈕後可以打印其他頁面的內容,可用於套版.內部表單套印...等等. 程式碼: 1.View(HTML布局) <h2>維修申請單</h2> <form id="RepairForm"> <p> @Html.Label("dept", "申請部門") <select class="DropDownList" id="dept" name=&quo…
局部打印插件 jquery.PrintArea.js js代码 (function ($) {     var printAreaCount = 0;     $.fn.printArea = function () {         var ele = $(this);         var idPrefix = "printArea_";         removePrintArea(idPrefix + printAreaCount);         printAreaC…
研究关于利用空闲时间今天Jquery Jqprint插入,用这个Jquery脚本就可以实现轻松打印指定的页面内容功能区: 样品A: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"…
1.js实现(可实现局部打印)  <html> <title>js打印</title> <head></head><body> <input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" /> <input id="btnP…
在使用jquery.PrintArea.js打印局部网页样式的时候,发现样式打印不出来,在网上找了好多资料,整理一下分享给大家 一.先看看css的引用文件方式 1.直接在内部的元素中使用”style”属性来定义样式,比如:<div style=”width:800px;”></div> 2.在<head>元素中使用”style”元素来指定 3.使用<link>元素链接到外部的样式文件,比如:<link rel=”stylesheet” type=”te…