Javascript
艾伦蓝
Just do it
展开
-
JS计算时间差
Math中floor() 方法可对一个数进行下舍入。返回值[color=red]小于等于 x,且与 x 最接近的整数。[/color]Math中ceil() 方法可对一个数进行上舍入。返回值[color=red]大于等于 x,并且与它最接近的整数。[/color]Math中round()方法可对一个数进行四舍五入。返回值[color=red]进行四舍五入取最接近的整...原创 2014-05-27 10:17:24 · 160 阅读 · 0 评论 -
Js验证输入框
Validate.js[code="JS"]$.extend($.fn.validatebox.defaults.rules,{ CHS : { validator : function(value, param) { return /^[\u0391-\uFFE5]+$/.test(value); }, message : '请输入汉字' }, ...原创 2014-06-17 15:41:56 · 121 阅读 · 0 评论 -
Easy-UI Tree的生成
树形结构中checkbox="true"表示树节点是可以选择。[code="html"] [/code][code="java"] /** * *@User :Test *@date :2014-6-18 下午03:19:28 *@return :Object *@userFor : 生...原创 2014-06-18 15:22:26 · 132 阅读 · 0 评论 -
Js获取当前日期时间及其它操作
[code="Js"]var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); ...原创 2014-06-20 10:57:22 · 87 阅读 · 0 评论 -
Js My97DatePicker时间控件
1.首先导入主要js:[code="html"] [/code][code="html"]开始时间:结束时间: [/code]效果如下图:[img]http://dl2.iteye.com/upload/attachment/0098/2952/85d294bd-0508-36ca-a4a5-40cf43919...原创 2014-06-20 11:26:57 · 83 阅读 · 0 评论 -
Easy-UI combotree多选
页面:获得多选值的方法是[code="js"]$('#cc').combotree('getValues');[/code][color=red]multiple="false"选项表示可以多选[/color][code="html"]xxx:[/code][code="Js"]//加载input标签的下拉框$('#cc').combotree(...原创 2014-06-24 10:18:13 · 438 阅读 · 0 评论 -
Easy-UI combobox使用
[code="html"]xx:[/code][code="Js"]//对id加载combobox$("#xxx").combobox({ url:'./getSelectxxx.do', editable:true, valueField:'eventid', textField:'xxxname', onChange:...原创 2014-06-24 10:40:09 · 210 阅读 · 0 评论 -
Js实现类继承和闭包私有成员并调用(类中定义的function和var都是私有属性)
继承是面向对象开发的又一个重要概念,它可以将现实生活的概念对应到程序逻辑中。例如水果是一个类,具有一些公共的性质;而苹果也是一类,但它们属于水果,所以苹果应该继承于水果。在JavaScript中没有专门的机制来实现类的继承,[color=red]但可以通过拷贝一个类的prototype到另外一个类来实现继承。[/color][code="js"]//定义class1functi...原创 2014-06-25 21:24:57 · 140 阅读 · 0 评论 -
Js闭包
闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成"[color=red]定义在一个函数内部的函数[/color]"。所以,在本质上,[color=red]闭包就是将函数内部和函数外部连接起来的一座桥梁。[/color]它的最大用处有两个,一个是前面提到的可以读取函数内部的变量,[color=re...原创 2014-06-26 09:09:21 · 93 阅读 · 0 评论 -
Jquery的同步和异步请求
[size=medium][b]Jquery中的ajax在默认不写async情况下,请求为异步请求;即:async:true;[/b][/size][color=red]同步请求时后续代码会等待ajax请求完毕再执行 一般把ajax请求写入函数中然后判断返回值进行后续操作[/color][code="js"]getResult:function(url,data,success...原创 2015-03-03 09:11:34 · 122 阅读 · 0 评论 -
Jquery toggle函数的用法
[size=large][color=red]jquery toggle()事件切换[/color][/size][code="java"]toggle([speed],[easing],[fn])[/code][color=blue]toggle()用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。[/color]如果元素是可见的,切换为隐藏的;...原创 2015-03-03 09:26:56 · 302 阅读 · 0 评论 -
javascript中的each遍历
[size=large][b][color=red]1.数组中的each[/color][/b][/size][code="js"]复制代码 var arr = [ "one", "two", "three", "four"]; $.each(arr, function(){ alert(this); }); //上面这个...原创 2015-03-03 09:35:21 · 147 阅读 · 0 评论 -
js 匿名函数学习
[b][size=large][color=red]一、通常函数定义并调用 [/color][/size][/b][code="js"]function a(){ } a(); 或 var a = function(){ } a(); [/code][b][size=large][color=red]二、自调用匿名函数[/color][/size][/b]使用自调用匿名函数...原创 2015-03-09 14:51:18 · 74 阅读 · 0 评论 -
js 匿名函数参数设置
其实大家可以看看小括号的意义就应该可以理解。[b][color=red]小括号有返回值,也就是小括号内的函数或者表达式的返回值,所以说小括号内的function返回值等于小括号的返回值[/color][/b],不难理解 [code="js"](function(){})()[/code]可以将没有名字的函数执行了把… 关于匿名函数写法,很发散~ 最常见的用法: [code="js"...原创 2015-03-11 16:00:54 · 282 阅读 · 0 评论 -
js Button点击事件时避免点击频繁的方法
[code="js"]$(document).ready(function(){ $("#submit").click(function(){ var nowTime = new Date().getTime(); var clickTime = $(this).attr("ctime"); // 第一次不进行判断 if( clic...原创 2016-04-19 14:51:53 · 386 阅读 · 0 评论 -
jQuery offset方法结合easyui-menu进行使用
在jQuery中有两个获取元素位置的方法[color=red][b]offset()和position()[/b][/color]position()方法是在1.2.6版本之后加入的,为什么要引 入这个方法呢?这两个方法之间有什么异同?使用的时候应该注意哪些问题?什么时候使用offset(),什么时候又使用position()呢? 先看看API对这这两个方法的定义:[color...原创 2016-04-22 08:56:25 · 119 阅读 · 0 评论 -
js typeof 变量名 类型 instanceof Object 区别
[size=large][b]1.typeof是什么?[/b][/size] typeof 是一个操作符,[color=red]主要的目的是检测一个变量是不是基本数据类型的变量[/color],同时也可以说是确定一个变量是字符串,数值,布尔值,还是undefined的最佳工具。[size=large][b]2.typeof 示例代码[/b][/size][code...原创 2014-09-08 17:02:12 · 145 阅读 · 0 评论 -
window.parent和window.opener区别
下面一段代码是关于window.parent和window.opener区别 来讲的,我们如果要用到iframe的值传到另一框架就要用到[color=blue]window.opener.document.getElementById(name).value = uvalue;[/color]这种形式哦。window.parent能获取一个框架的父窗口或父框架。顶层窗口的parent引...原创 2014-09-19 17:30:43 · 88 阅读 · 0 评论 -
js 全局函数一览
[size=medium][color=red][b]1、decodeURI() 参数:string [/b][/color][/size]功能描述:[b]对 encodeURI() 函数编码过的 URI 进行解码。[/b] 实例: 可把 http://www.jb51.net/My%20first/ 解码为 http://www.jb51.net/My first/ ...原创 2016-05-17 09:46:53 · 131 阅读 · 0 评论 -
jQuery toggle trigger方法使用
[size=medium][color=red][b]toggle 定义[/b][/color][/size][b]toggle() 方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。[/b]该方法也可[color=blue][b]用于切换被选元素的 hide() 与 show() 方法[/b][/color]。[code="js"]$(sel...原创 2016-05-17 14:44:11 · 234 阅读 · 0 评论 -
js 动态显示时间(setTimeout)
[code="js"]// 全局变量var timeoutId ;//开始执行timeoutId = setTimeout(showTime,1000);function showTime(){ //清除定时器 clearTimeout(timeoutId); date = new Date(); var year...原创 2016-05-23 15:20:18 · 354 阅读 · 0 评论 -
js 静态方法与实例方法
[size=medium][color=red][b]静态方法是指不需要声明类的实例就可以使用的方法[/b][/color][/size] [size=medium][color=blue][b]实例方法是指必须要先使用"new"关键字声明一个类的实例, 然后才可以通过此实例访问的方法[/b][/color][/size][code="js"]//声明一个类function s...原创 2016-05-31 14:26:48 · 502 阅读 · 0 评论 -
js lightbox展示图片的案例
[color=red][b]如何使用[/b][/color][b][color=blue]1、Lightbox v2.0 使用 Prototype 框架和 Scriptaculous 效果库[/color][/b][code="html"][/code][b]2、外调 Lightbox CSS 文件[/b] (或添加 Lightbox 样式到你现行的样式表中)....原创 2016-06-13 09:35:42 · 259 阅读 · 0 评论 -
js 通过调用方法终止js代码继续执行的问题(采用throw解决)
[size=medium][color=red][b]一个方法如何终止另一个方法执行的问题[/b][/color][/size][code="js"]function hasAuth(code){ if(code == "AUTH"){ TSD.alert("你没有权限,请确认。") ; throw "THE USER HAS NO AUTH"; }...原创 2016-07-12 14:15:50 · 713 阅读 · 0 评论 -
CSS 点击div的同时显示或隐藏的div
[code="html"] xxxxx [/code][size=medium][color=red][b]点击up时up会显示或隐藏[/b][/color][/size][code="js"] function showorhide(){ // 显示 if($("#up").is(":hidden")){ $("...原创 2016-08-16 17:18:32 · 2076 阅读 · 0 评论 -
js easyui tree判断是否父节点
[code="js"]function isIncludeParentNode(){// 获取选中节点 var checkedNodes = $("#xx").tree("getChecked");// 所选节点ID集合 var checkedNodeArr = [] ; var checkedNodeObj = [] ; for(var i ...原创 2016-09-08 10:17:08 · 545 阅读 · 0 评论 -
Javascript 总结汇总
[code="Javascript"]var timeoutid = window.setTimeout(function(){ alert(123);},1000);clearTimeout(timeoutid);window.setInterval(function,times);--JSON对象不可扩展但是可以删除Object.preventExtensi...原创 2016-11-04 15:06:29 · 79 阅读 · 0 评论 -
jQuery.extend 函数详解
[b][color=red]JQuery的extend扩展方法:[/color][/b] Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。[color=red][size=large][b]一、Jquery的扩展方法原型是:[/b][/size][/color][code="js"]extend(dest,s...原创 2014-10-31 10:17:07 · 78 阅读 · 0 评论 -
关于iframe取值问题以及google浏览器测试
[size=large][b]html页面[/b][/size][code="html"][/code][b]向iframe填充页面[/b][code="js"]$("#iframe1").attr("src",contextPath + "xxx.jsp");[/code][b]如果需要在html页面中取得xxx.jsp页面的值或调用它里面的方法则使用:[...原创 2014-10-31 17:29:19 · 180 阅读 · 0 评论 -
js window.open参数详解
[color=red]window.open[/color] 在ie8下弹出窗口要想有滚动条,[color=red]scrollbars=yes,resizable=yes这两个属性必须有。[/color][size=large][b]window.open的属性介绍[/b][/size]window.open('page.html','newwindow','height=1...原创 2014-11-04 15:11:36 · 243 阅读 · 0 评论 -
js call和apply方法的了解
ECMAScript规范给所有函数都定义了call()与apply()两个方法,[color=red][b]call与apply的第一个参数都是需要调用的函数对象,在函数体内这个参数就是this的值[/b][/color],剩余的参数是需要传递给函数的值,call与apply的不同就是call传的值可以是任意的,而apply传的剩余值必须为数组。[size=large][color=red...原创 2014-11-06 19:22:19 · 107 阅读 · 0 评论 -
js arguments和caller,callee
[size=large][b]javascript中函数的隐含参数:arguments[/b][/size][color=red]arguments是进行函数调用时,除了指定的参数外,还另外创建的一个隐藏对象。[/color]Arguments是一个类似数组但不是数组的对象,说它类似数组是因为其具有数组一样的访问性质及方式,[color=blue]可以由arguments[n]来访问对应的...原创 2014-11-06 19:27:30 · 105 阅读 · 0 评论 -
js RegExp对象学习结合字符串replace方法使用
[size=large][b]replace方法和RegExp结合使用[/b][/size][code="java"] var str = "L.Rain"; var regExpTest = '' ; regExpTest = str.replace(/[R|n]/g , "*"); var regExp = new RegExp("[R|n]","gi"...原创 2014-11-14 20:07:43 · 123 阅读 · 0 评论 -
javascript,Jquery获取屏幕宽度和高度方法
[size=medium][b]Javascript:[/b][/size]网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边...原创 2016-01-06 09:39:28 · 1326 阅读 · 0 评论 -
html 固定底部存在滚动条 初始化时可以Scroll顶部
[size=medium][b]html代码[/b][/size][code="html"] 关闭 [/code][size=medium][b]js滚动代码[/b][/size][code="js"]$("#xxx_details").animate({scrollTop:0},...原创 2016-01-06 10:47:54 · 133 阅读 · 0 评论 -
js 滑动滚动条时进行刷新列表
[size=medium][b]Js代码[/b][/size][code="js"]var height = 0;var top = 0;var divheight = $("#xxx").height()+10;// 对指定元素进行滚动$("#xxx").scroll(function(){ height = $(this)[0].scrollHeight; t...原创 2016-01-06 11:03:06 · 190 阅读 · 0 评论 -
js tooltip用于验证输入方法
[code="js"]var obj = $("#div_id") ;// div_id是对应input的idobj.tooltip({ position: 'right', showEvent: 'none', showDelay:0, hideDelay:0, content: "TTTest" }); obj...原创 2016-01-07 09:02:48 · 117 阅读 · 0 评论 -
js 点击input弹出选择框
[size=large][color=red]定义选择框html[/color][/size][code="js"]var str = ""; document.writeln(""); str += "\u65e5"; for (i = 1; i原创 2014-12-02 15:30:25 · 667 阅读 · 0 评论 -
javascript异常处理
[size=large][color=red]try catch finally 语句说明[/color][/size][color=blue]try catch finally[/color]是javascript语言提供的异常处理机制。语法结构如下[code="js"]try { //这段代码从上往下运行,其中任何一个语句抛出异常该代码块就结束运行}catch...原创 2014-12-05 15:07:01 · 103 阅读 · 0 评论 -
javascript 基础知识总结
[code="js"]var timeoutid = window.setTimeout(function(){ alert(123);},1000);clearTimeout(timeoutid);window.setInterval(function,times);--JSON对象不可扩展但是可以删除Object.preventExtensions(ob...原创 2016-01-12 14:49:35 · 107 阅读 · 0 评论