网站开发进阶(十二)JS实现打印功能(包括打印预览、打印设置等)

JS实现打印功能(包括打印预览.打印设置等) 绪最近在进行项目开发时,需要实现后台管理端打印功能,遂在网上一阵搜索,搜到了很多相关的文章.其中绝大部分文章都是使用的Lodop5.0(Web打印和套打控件)控件,而且有些环境下还不能使用.如有想使用此控件实现打印功能的盆友,可点击进行下载.但我强烈推荐下面的方法,即利用系统本身的打印属性实现打印功能.简单的一条系统调用命令即可实现. 前提条件: 进行的电脑必须连接有打印机,至于判断PC是否连接打印机的问题还未能解决,欢迎有解决方法的朋友留言,小生…

网站开发进阶(十四)JS实现二维码生成

JS实现二维码生成绪项目开发原语:已然花费半天的时间,仍旧未能将二维码显示在订单中.但是可以在单个页面中显示二维码,结合到angularjs的控制器中就失效了,自己是真的找不到其中的原因了.费解!刚开始怀疑是遮挡的问题,结果将位置更改之后还是不能显示. 那么自己就得转换解题思路了,将二维码显示单独置于一个页面中,然后通过页面的嵌套(有关文章见博文"如何将一个html页面嵌套在另一个页面中"),将二维码再显示到订单中. 正题二维码生成借用第三方的js库,主要代码如下: <bo…

网站开发进阶(十八)js获取html标签中的值

js获取html标签中的值项目开发过程中,由于需求所迫,需要获取html标签元素中的内容,下面做一简单总结.以下所讲的示例适用于其它标签元素. 主要包括2中方法获取元素内容: 方法一:.innerText time_Interval = document.getElementById("Time_Interval").innerText; alert(time_Interval); 方法二:.innerHTML time_Interval = document.getElementB…

网站开发进阶(十五)JS基础知识充电站

JS基础知识充电站 1.javascript alert弹出对话框时确定和取消两个按钮返回值? 用的不是alert对话框,是confirm confirm(str); 参数str:你要说的话或问题: 返回值:bool类型,返回用户是否点击确定.如果点击确定,返回true,如果点击取消或小叉子关闭对话框,返回false: var r=confirm("确认还是取消?") console.log(r); 2.js文件中插入html代码 var div = document.createEl…

网站开发进阶(三十一)js如何将html表格导出为excel文件(后记)

js如何将html表格导出为excel文件(后记) 前言项目前期做了个导出Excel表格的功能,但是经过测试发现只有在IE上才可以正确实现,在Chrome等浏览器中无法实现导出效果.经过上网搜索,尝试通过插件的形式实现.通过安装ActiveX for Chrome插件(地址栏输入chrome://extensions/ 进入扩展程序安装页面). 经过测试,选择ActiveX插件的形式并不能解决问题,故弃掷.经过一番网络搜索,查到一个好的方法,其通过FileSaver.js实现浏览器写入文件到本…

网站开发进阶(十六)错误提示:Multiple annotations found at this line:- basePath cannot be resolved to a variable

错误提示:Multiple annotations found at this line: basePath cannot be resolved to a variable 出现以上错误,主要是由下面这句引起的: <base href="<%= basePath %>"> 但这句话似乎又没有任何问题.将这句话删除问题就得到了解决,而且对原来的网站没有影响. 经过在网上一番查找,总结如下:这个错误出现的原因是由自己在做jsp文件引入时引起的,文件加载合并过程中出…

网站开发进阶(十)如何将一个html页面嵌套在另一个页面中

如何将一个html页面嵌套在另一个页面中 1.IFrame引入 <IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME> 你会看到一个外部引入的文件,但会发现有一个类似外框的东西将其包围,可使用 <iframe name="content_frame" margi…

网站开发进阶(四十二)巧用clear:both

网站开发进阶(四十二)巧用clear:both 前言我们在制作网页中用div+css或者称xhtml+css都会遇到一些很诡异的情况,明明布局正确,但是整个画面却混乱起来了,有时候在IE6下看的很正常的,到ie7或者火狐下看时,就一片混乱了,无论怎么计算,就是不能将排版改正过来.其实,这一切都是浮动搞得鬼,也就是css中的float,要解决情况,就需要使用clear:both了. CSS手册上是这样说明的:该属性的值指出了不允许有浮动对象的边.这个属性是用来控制float属性在文档流的物理位置…

网站开发进阶(四十四)input type="submit" 和"button"的区别

网站开发进阶(四十四)input type="submit" 和"button"的区别在一个页面上画一个按钮,有四种办法: 这就是一个按钮.如果你不写javascript 的话,按下去什么也不会发生. 这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻止它. 这个按钮放在 form 中也会点击自动提交,比前两个的优点是按钮的内容不光可以有文字,还可以有图片等多媒体内容.(当然,前两个用图片背景也可以做到).它的缺点是不同的浏览器得到…

J2EE进阶(十二)SSH框架整合常见问题汇总(三)

在挂失用户时,发现userid值为空,但是在前台输入处理账号22时,通过后台输出可以看出,后台根据前端输入在数据库中查询到结果对象并输出该对象的userid,而且Guashi对象也获取到了其值. 解决初步判定,程序没有问题,还是应该出在配置文件方面.对照视频,果然发现了端倪!在User.hbm.xml文件内,User与Guashi间的关系应如下: <one-to-one name="guashi" class="cn.edu.ujn.model.Guashi"…

网站开发进阶(四十三)html中，路径前加“/” 与不加“/”的区别

网站开发进阶(四十三)html中,路径前加"/" 与不加"/"的区别前言 <script src="js/downloadify.js"></script>表示加载你当前页面目录中名为js的子目录下面名为pic.js的js包. 加"/"是代表绝对路径,不加"/"是代表相对路径. HTML绝对路径(absolute path)在网页制作中指带域名的文件的完整路径. HTML相对路径(…

Python进阶(十二)----re模块

Python进阶(十二)----re模块一丶re模块 re模块是python将正则表达式封装之后的一个模块.正则表达式模式被编译成一系列的字节码,然后由用C编写的匹配引擎执行. #正则表达式: 从一串字符中,找出你想要的字符串. import re ### 单个元字符的匹配 # \W 除了数字 ,字母,中文, 下划线 print(re.findall('\W','dsadas1231 +1-+2*/,.')) # \w 匹配中文,数字,字母,下划线 print(re.findall('\w…

JS页面打印，预览，设置，分页

一)在HTML页中加载打印对象 <object id="WebBrowser" width="0" height="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></object> 二)实现打印.预览.设置功能 <input type="button" value="打印" onclick=&…

Lodop打印设计矩形重合预览线条变粗

LODOP中的打印设计是辅助进行开发的,实际打印效果应以预览为准,很多效果都是在设计界面显示不出来,或设计和预览界面有差异.例如add_print_text文本的字间距.行间距,旋转,还有允许标点溢出和英文拆分样式:Lodop纯文本英文-等符号自动换行问题还有一些超文本样式可能也会出现打印设计界面与预览界面有差异的情况.例如,某些调用的I引擎不同造成默认样式不同:Lodop中特殊符号￥打印设计和预览不同 Lodop除了可以用超文本的table表格,还可以用线条和矩形框制作表格,可以在打印设计里…

JAVA打印类（带预览）

package tool; import java.awt.*; import java.awt.event.KeyEvent; import java.awt.event.KeyListener; import java.awt.print.*; import java.util.ArrayList; import java.util.Date; import java.util.List; import javax.swing.JFrame; import javax.swing.JPane…

js矩阵菜单或3D立体预览图片效果

js矩阵菜单或3D立体预览图片效果下载地址: http://files.cnblogs.com/elves/js%E7%9F%A9%E9%98%B5%E8%8F%9C%E5%8D%95%E6%88%96%E5%9B%BE%E7%89%873D%E7%AB%8B%E4%BD%93%E9%A2%84%E8%A7%88%E6%95%88%E6%9E%9C.rar…

用pdf.js实现在移动端在线预览pdf文件

用pdf.js实现在移动端在线预览pdf文件1.下载pdf.js 官网地址:https://mozilla.github.io/pdf.js/ 2.配置下载下来的文件包,就是一个demo,仿照这个demo做就可以 (1)页面元素如下: <button class="product-term to-clause" id="noteDetail">test</button><button class="t…

ehlib预览打印的使用

ehlib支持预览打印功能,可以省去重新制作报表的麻烦,经过一天的努力,基本上解决了这个问题.把解决方法写出来,同行的朋友可以参考,同时为自己做个学习笔记. 首先,需要放置PrintDBGridEh和PreviewBox两个控件.通过PreviewBox设置纸张的大小和方向.方向通过PreviewBox1.Printer.Orientation属性设置,poLandscape为横向,poPortrait 为纵向.纸张大小尚未研究明白,以后再补充. 然后,需要设置将内容显示在一页内…

原生js实现ajax的文件异步提交功能、图片预览功能.实例

采用html5使得选择图片改变时,预览框中图片随之改变.input文件选择框美化.原生js完成文件异步提交效果图: 代码如下,可直接复制并保存为html文件打开查看效果 <html> <head> <title>Title</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.m…

atitit.javascript js 上传文件的本地预览

atitit.javascript js 上传文件的本地预览 1. .URL.createObjectURL 1 1.1. 吊销所有使用 URL.createObjectURL 而创建的 URL,以避免内存泄漏 1 1.2. aticode 2 1.3. code-- 2 1. .URL.createObjectURL URL.createObjectURL()方法会根据传入的参数创建一个指向该参数对象的URL. 这个URL的生命仅存在于它被创建的这个文档里. 新的对象URL指向执行的File…

Solon Web 开发，十二、统一的渲染控制

Solon Web 开发一.开始二.开发知识准备三.打包与运行四.请求上下文五.数据访问.事务与缓存应用六.过滤器.处理.拦截器七.视图模板与Mvc注解八.校验.及定制与扩展九.跨域处理十.签权十一.国际化十二.统一的渲染控制十三.WebSocket 十四.与Spring.Jsr330的常用注解对比下面这个场景是特意为此文设计出来的,有点儿乱.但凡类似的场景...Solon 都可以给你一个so easy的支持. Solon 特性之一: 可让控制器实现 Render,从…

使用jquery.jqprint.js 实现的打印功能，IE9不能进行打印预览、火狐打印空白界面

提示的内容:SCRIPT438: 对象不支持“ExecWB”属性或方法首先解决IE9不能打印预览的问题: 查找了一大推资料 ,有两种说法:一种是IE的安全性级别太高:一种是需要安装什么微软web 浏览器,这两种解决方法对于我的问题都没有起到效果.无奈之下:只能将IE9 这个浏览器的版本号获取出来,不进行预览,直接进行信息打印. jquery 获取浏览器版本号的方法(需要引入的插件为:jquery-migrate-1.1.0.js): var version = $.browser.ver…

JS中FireFox新开窗口预览打印处理的方式

仅提供思路,勿喷如下↓ /** * 打印方法 * @param dom 要被打印的dom元素 * @param parentClassName 该组件的页面根组件class名 * @param pageMargin @page中的maring值 */ static print = (dom, parentClassName = '', pageMargin = '20px') => { ) { let previewDom = document.getElementById('previewDo…