JQuery
书剑零落
快乐的小码奴
展开
-
js实现下载文件
现在的大多数的后台管理系统都是以展示数据,管理流程为主,时不时的要导出数据,下载图片等。这时候下载功能就变得很常见,下面让我们来看看使用js实现的下载方法<div onclick="download()">下载</div>function downloadFile(content, filename) { var a = document.createElement('a') var blob = new Blob([content]) var转载 2022-03-21 16:16:31 · 3641 阅读 · 0 评论 -
前端导出HTML(含图片)到word文档中实践总结
一、业务需求:需要将查看页面中的HTML内容及对应的鱼骨图(sbg)导出到word文档中;二、解决方案:1、需要svg通过后端请求转成png,重新写入到div中,供导出使用;2、使用jQuery-Word-Export插件,将重构后的div内容导出到word中。三、前端实现代码:1、HTML页面中引入jquery.min.js、FileSaver.js、jquery.wordexport.js三个文件;2、页面添加导出div,将导出内容写入(含转换后的png);3、添加导出按原创 2020-09-03 13:47:46 · 3026 阅读 · 5 评论 -
jquery-table2excel导出excel时名称设置方法
用jquery-table2excel,进行导出excel jquery-table2excel是一款可以将HTML表格的内容导出到微软Excel电子表格中的jQuery插件。该插件可以根据你的需要导出表格中的内容,不需要的行可以不导出。 它文件体积小,使用非常方便。 1、写好前端的按钮,还需要一个table(要导出的内容存放处)。 <input type="button" ...转载 2020-01-13 16:05:10 · 1424 阅读 · 1 评论 -
JavaScript 限制文本框不可输入英文单双引号
<input id="workname" style="width: 200px" name="workname" value="" type="text" οnkeyup="javascript:replaceLikeVal(this)" />正则实现replaceAll:function replaceLikeVal(comp){ if (comp.valu...转载 2019-08-30 09:44:13 · 1102 阅读 · 0 评论 -
表格插件:GridManager
一、GridManager 可快速、灵活的对table标签进行实例化。使用简单快捷, 功能强大,原生js实现, 不依赖任何框架;二、特点:宽度调整:支持用户对表格的列宽度可进行拖拽式调整 位置调整:支持用户对表格的列位置进行拖拽式调整 可视化调整:支持用户对表格的列进行显示与隐藏切换 排序功能:支持表格单项排序或组合排序 分页功能:表格ajax分页,包含选择每页显示总条数和跳转至指...原创 2019-06-25 11:24:56 · 2659 阅读 · 1 评论 -
JQuery之DataTables强大的表格解决方案
1、DataTables的默认配置$(document).ready(function() {$(‘#example’).dataTable();} );示例:http://www.guoxk.com/html/DataTables/Zero-configuration.html2、DataTables的一些基础属性配置“bPaginate”: true, //翻页功能“...转载 2019-06-06 16:59:47 · 1098 阅读 · 0 评论 -
JQuery UI 学习网站
Jquery UI 插件网站:http://www.jq22.com/jqueryUI-1-jq原创 2018-11-28 11:25:33 · 172 阅读 · 0 评论 -
jQuery Mobile
jQuery Mobile是一个基于jQuery Core的触摸友好UI框架,适用于所有流行的移动,平板电脑和桌面平台。官网:http://jquerymobile.com/V1.4.5http://demos.jquerymobile.com/1.4.5/intro/学习网站:http://www.runoob.com/jquerymobile/jquerymobile-tu...原创 2018-09-04 16:31:50 · 713 阅读 · 0 评论 -
jQuery Iframe 父页面监听子页面的鼠标点击事件
一、父页面加入iframe:<body><iframe id="ifrmReport" src="/ReportForm/ZKZProblemSummaryPartial" name="ifrmReport" scrolling="no" frameborder="0"></iframe></body原创 2018-08-27 18:49:03 · 11287 阅读 · 1 评论 -
JS 弹出的DIV框中KeyUp被执行多次
问题:在一个dialog中的文本输入框定义keyup事件,第一次正常,关闭该dialog后,再打开dialog,按键后keyup事件被执行两次,关闭再打开事件被执行3次,依次类推解决办法:在dialog绑定keyup事件之前,先清除下之前绑定的keyup事件 $("#selector").unbind('keyup'); $("#selector")...原创 2018-08-22 13:21:58 · 1937 阅读 · 0 评论