![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 56
qubernet
这个作者很懒,什么都没留下…
展开
-
针对EasyUI的checkbox进行扩展
我们知道,现目前最新版EasyUI新增了组件checkbox,但是官方提供的方法太少了,比如不能直接通过传入数据直接初始化checkbox(比如想datagrid那样,直接传入一个数组就可以初始化表格)、没有加载成功回调函数、不能通过js给复选框设置自定义属性等,针对这一情况,特别的对checkbox进行扩展封装,具体封装的代码如下所示(有相关的注释说明):(function...原创 2019-11-28 10:48:07 · 1043 阅读 · 0 评论 -
js判断浏览器版本
具体代码如下所示:function chkBrowser() { /// <summary> /// 判断浏览器版本 /// </summary> /// <returns type=""></returns> /* * 使用方法 * if(chkBrowser.msie){...原创 2019-03-25 11:53:04 · 361 阅读 · 0 评论 -
JS实现Sql语句格式化效果
我们知道,在编辑SQL语句的时候,可以通过各种客户端软件对SQL语句进行格式化,但是我们如果想通过前端来格式化SQL怎么办呢?这时我们可以借助sql-formatter.js插件来实现,效果如下所示:格式化前:格式化后:具体使用代码如下所示://获取格式化SQLvar formatSql = sqlFormatter.format('SELECT * F...原创 2019-09-18 16:44:26 · 10129 阅读 · 4 评论 -
JS计算两时间差
//JS计算两时间差 //startDate:开始时间,endDate:结束时间(时间格式如:2018-5-18 11:51:40的字符串) function calDateDiffFn(startDate, endDate) { //时间差的毫秒数 var millSecsDiff = new Date(endDate).getTime()...原创 2018-05-18 12:23:33 · 148 阅读 · 0 评论 -
PdfJS使用的一些说明
PdfJS使用的一些说明1、下载地址 http://mozilla.github.io/pdf.js/getting_started/#download当然是下载稳定版。2、目录说明 文件下载下来后,有build和web这2个目录。其中build为核心js文件,不用管它;web目录中包含了viewer.html和viewer.js等文件,vi...原创 2018-05-18 16:43:00 · 2127 阅读 · 0 评论 -
jQuery调用或获取iframe中的方法或控件值
具体代码如下所示://调用iframe页面中的testFn方法$("#ifmMain")[0].contentWindow.testFn();//获取iframe页面中的userId控件的值$("#ifmMain").contents().find("#userId").val();...原创 2018-09-28 13:45:42 · 4425 阅读 · 0 评论 -
记录一枚验证URL的js正则表达式
表达式如下所示:return/((https|http|ftp|rtsp|igmp|file|rtspt|rtspu):\/\/)(([a-zA-Z0-9\._-]+\.[a-zA-Z]{2,6})|([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}))(:[0-9]{1,4})*(\/[a-zA-Z0-9\&%_\./-~-]*)...原创 2018-10-01 10:01:21 · 891 阅读 · 0 评论 -
动态修改EasyUI accordion选中面板的标题(title)
首先,我们应该知道,EasyUI的accordion是继承panel组件的所有属性方法的,那好,这时候我们就可以使用panel为我们提供的方法setTitle来动态修改accordion的标题了。具体实现代码如下所示:方式一://获取accordion选中的面板对象,即需要动态修改标题的面板varaccSelected=$('#accPanel').acc...原创 2018-10-01 10:06:07 · 2114 阅读 · 2 评论 -
EasyUI datagrid增加统计当前页中某列的最大值,最小值,平均值,总和
一、扩展方法/*quber:EasyUIdatagrid增加统计当前页中某列的最大值,最小值,平均值,总和使用方法:onLoadSuccess:function(){$('#dg').datagrid('statistics');}列属性中加入:sum:true,sumCol:'Capacity',...原创 2018-10-01 10:16:38 · 1756 阅读 · 0 评论 -
jQuery深拷贝Json对象
具体代码如下所示: varoldJson = { Name:'quber', List: [1, 2, 3, 4], Obj: [ { name:'qubernet', fun:function() {retu...原创 2018-10-01 10:28:50 · 790 阅读 · 0 评论 -
jQuery设置iframe的高度根据页面内容自适应
方式1: //注意:下面的代码是放在和iframe同一个页面中调用 $("#iframeId").load(function () { var mainheight = $(this).contents().find("body").height() + 30; $(this).height(mainheight); });方式...原创 2016-07-15 13:33:00 · 786 阅读 · 0 评论 -
jQuery实现textarea高度根据内容自适应
1 //jQuery实现textarea高度根据内容自适应 2 $.fn.extend({ 3 txtaAutoHeight: function () { 4 return this.each(function () { 5 var $this = $(thi...原创 2016-11-22 11:22:00 · 1253 阅读 · 0 评论 -
获取js文件后的参数
代码如下所示: function getJsParam(jsName, paramName) { /******************************************* 说明:获取js文件后的参数 jsName:js文件名称 paramName:要获取的参数名称(如果该参数...原创 2017-04-19 16:43:00 · 717 阅读 · 0 评论 -
Js获取或计算时间的相关操作
1 //获取当前日期(年月日),如:2017-12-18 2 function getNowDate() { 3 var dd = new Date(); 4 var y = dd.getFullYear(); 5 //获取当前月份的日期,不足10补0 6 var m = (dd.getMonth() + ...原创 2017-12-18 17:11:14 · 164 阅读 · 0 评论 -
js计算两个整数之间的百分比
1 //计算两个整数之间的百分比 2 //curNum:当前数据,totalNum:总数据,isHasPercentStr:是否返回%字符 3 function getPercent(curNum, totalNum, isHasPercentStr) { 4 curNum = parseFloat(curNum); 5 total...原创 2018-04-29 08:50:38 · 2688 阅读 · 0 评论 -
JS计算两时间差
//JS计算两时间差 //startDate:开始时间,endDate:结束时间(时间格式如:2018-5-18 11:51:40的字符串) function calDateDiffFn(startDate, endDate) { //时间差的毫秒数 var millSecsDiff = new Date(endDate).getTime(...原创 2018-05-18 11:55:00 · 203 阅读 · 0 评论 -
js使用闭包循环为a标签正确添加事件
以示例说明:实现效果:循环为带有ml-praise样式类的a标签添加事件,并且在点击a标签后,相应的数量增加1。Html结构如下所示: <ul> <li><a href="javascript:;" class="ml-praise">数量:<span class="ding-num">100</sp原创 2015-06-02 16:21:27 · 646 阅读 · 0 评论 -
js随机获取数组中的值
具体代码如下所示://数组varthisArr=['primary','success','info','warning','danger'];//随机获取数组的索引号varthisIndex=Math.floor((Math.random()*thisArr.length));//根据索引号获取数组值varretVal=thisArr[thisIndex]...原创 2015-10-23 11:48:36 · 934 阅读 · 0 评论 -
EasyUI form ajax submit到MVC后,在IE下提示下载内容的解决办法
问题描述: 项目环境为,.Net Mvc5+EF6……前端框架使用的是EasyUI v1.4.4。 在视图页面中,使用form的submit方法提交表单数据时,如果是使用IE的话,请求成功后IE会提示下载内容,关于这个下载内容,则是由于IE默认的Content-Type为text/html,而我们喜欢用的Google浏览器默认的Co...原创 2015-12-30 13:06:00 · 186 阅读 · 0 评论 -
记录一枚验证URL的js正则表达式
表达式如下所示:return/((https|http|ftp|rtsp|igmp|file|rtspt|rtspu):\/\/)(([a-zA-Z0-9\._-]+\.[a-zA-Z]{2,6})|([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}))(:[0-9]{1,4})*(\/[a-zA-Z0-9\&%_\./-~-]*)?/.tes...原创 2016-01-07 09:44:07 · 269 阅读 · 0 评论 -
在Angular外部使用js调用Angular控制器中提供的函数方法或变量
Html代码如下所示: <!DOCTYPE html> <html ng-app="myApp" id="myApp"> <head> <meta name="viewport" content="width=device-width" /> <title>原创 2016-02-27 11:01:00 · 638 阅读 · 0 评论 -
Angularjs中设置cookies的过期时间
具体代码如下所示: 1 var ngApp = angular.module('myApp', ['ngCookies']); 2 ngApp.controller('myController', function ($scope, $http, $cookies) { 3 if ($cookies.get('myName') == undefined) ...原创 2016-02-27 11:07:00 · 867 阅读 · 0 评论 -
Angularjs在初始化未完毕时出现闪烁的解决办法
方法1:使用ng-cloak指令,在绑定数据的区域使用该指令并设置该指令的样式为隐藏即可,如下所示:Html:1 <body ng-controller="QuberController" ng-cloak class="ng-cloak">Css:1 .ng-cloak { display: none; }方法2:使用ng-bind指...原创 2016-02-28 13:41:00 · 241 阅读 · 0 评论 -
Angularjs中$http以post请求通过消息体传递参数
Angularjs中,$http以post在消息体中传递参数,需要做以下修改,以确保消息体传递参数的正确性。一、在声明应用的时候进行设置: 1 var httpPost = function ($httpProvider) { 2 /******************************************* 3 说明:$http的post提交时,纠正...原创 2016-04-08 16:22:00 · 351 阅读 · 0 评论 -
在Angularjs中使用directive自定义指令实现attribute的继承
一、Html代码: 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5原创 2016-04-08 17:12:00 · 316 阅读 · 0 评论 -
Angularjs的ng-repeat中去除重复的数据
一、JS 1 ngApp.filter('unique', function () { 2 return function (collection, keyname) { 3 var output = [], 4 keys = []; 5 6 angular.forEach(collection, function ...原创 2016-04-12 12:50:00 · 969 阅读 · 0 评论 -
JS将数字金额转换为大写人民币汉字
代码如下所示:function convertCurrency(money) { //汉字的数字 var cnNums = new Array('零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'); //基本单位 var cnIntRadice = new Array('', '拾', '佰', '仟');...原创 2016-04-13 10:39:47 · 239 阅读 · 0 评论 -
JS将数字金额转换为大写人民币汉字
代码如下: 1 function convertCurrency(money) { 2 //汉字的数字 3 var cnNums = new Array('零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'); 4 //基本单位 5 var cnIntRadice = new Array('', '拾', '...原创 2016-04-13 10:41:00 · 2103 阅读 · 0 评论 -
ng-options渲染的第一项为空的解决办法
我们在使用ng-options时,如果首次使用,可能会在渲染完成后发现下拉列表的第一项为空,并且我们在选择一项之后,为空的第一项已经消失了,这样用户体验上来说很不好。 原因就在于:我们使用ng-options的时候,是配合模型指令ng-model一起使用的,从而我们就可以知道,渲染生成的第一项为空原因肯定和ng-model的初始值有关系。解决办法: 1.可以在控制器...原创 2016-05-15 15:36:00 · 446 阅读 · 0 评论 -
解决AngularJS在IE下取数据总是缓存的问题
在使用AngularJS发出请求(GET)获取服务端数据,然后再绑定到页面中,你会发现在IE中总是显示原来的数据结果。这时候我们就会知道,IE做了缓存。解决办法: 我们可以在AngularJS的配置中通过$httpProvider来设置其不缓存。具体如下所示: 1 ngApp.config(function ($httpProvider) { 2 // I...原创 2016-06-02 12:38:00 · 422 阅读 · 0 评论 -
AngularJS的ng-click阻止冒泡
JS:1 $scope.getData = function (event) {2 //阻止事件冒泡3 event.stopPropagation();4 };Html:1 <div ng-click="getData($event)">2 <a href="javas...原创 2016-06-16 11:24:00 · 292 阅读 · 0 评论 -
js检查关闭浏览器方法
//关闭浏览器提示信息window.onbeforeunload=function(e){e=e||window.event;vary=e.clientY;if(y<=0//点击浏览器或者选项卡的关闭按钮||y>=Math.max(document.body?document.body.clientHeight:...原创 2013-07-27 11:09:19 · 257 阅读 · 0 评论 -
js检测离开页面时表单数据是否更改
functionformIsDirty(form){for(vari=0;i<form.elements.length;i++){varelement=form.elements[i];vartype=element.type;if(type=="checkbox"||type=="rad...原创 2013-07-27 11:14:29 · 310 阅读 · 2 评论 -
JavaScript比较是否在某时间段内
functioncheckTime(stime,etime){//开始时间vararrs=stime.split("-");varstartTime=newDate(arrs[0],arrs[1],arrs[2]);varstartTimes=startTi...原创 2013-12-10 16:03:37 · 177 阅读 · 0 评论 -
设置Easyui datagrid的pageNumber导致两次请求的解决方案
一、问题描述: $('#tb-page-list').datagrid({ url: '/BisOrderInfo/GetList', pageNumber: 2, pageSize: 10 }); 当手动设置 pageNumber大于或等于2时,查看请求的方法时,会请求2次,并且第二次的pageNumber等于1;二、原因所在: jquery.easyui.min.js 1....原创 2014-01-26 13:59:52 · 330 阅读 · 0 评论 -
js统计字符串中特定字符出现的个数
//js统计字符串中包含的特定字符个数functiongetPlaceholderCount(strSource){//统计字符串中包含{}或{xxXX}的个数varthisCount=0;strSource.replace(/\{[xX]+\}|\{\}/g,function(m...原创 2014-05-22 15:46:02 · 4350 阅读 · 0 评论 -
js时间的比较
//时间比较(yyyy-MM-dd)functioncompareDate(startDate,endDate){vararrStart=startDate.split("-");varstartTime=newDate(arrStart[0],arrStart[1],arrStart[2]);...原创 2014-05-26 17:00:09 · 170 阅读 · 0 评论 -
jQuery调用指定iframe页面内的方法
$(window.parent.document).contents().find("#iframeID")[0].contentWindow.initPagerList();说明:iframeID为iframe的ID; initPagerList为iframe页面内的方法。<html><head><title></ti...原创 2013-07-20 14:32:58 · 1053 阅读 · 0 评论 -
jQuery点击表格单元格编辑内容
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta h原创 2013-07-13 10:48:54 · 235 阅读 · 0 评论 -
jQuery动态添加删除表格的行和列
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta h原创 2013-07-13 10:47:02 · 201 阅读 · 0 评论