js
wyyfwm
这个作者很懒,什么都没留下…
展开
-
了解学习JS中this的指向
首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然网上大部分的文章都是这样说的,虽然在很多情况下那样去理解不会出什么问题,但是实际上那样理解是不准确的,所以在你理解this的时候会有种琢磨不透的感觉),那么接下来我会深入的探讨这个问题。为什么转载 2016-03-01 11:29:31 · 649 阅读 · 0 评论 -
js数组操作
shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefinedvar a = [1,2,3,4,5];var b = a.shift(); 结果 a:[2,3,4,5] b:1 unshift:将参数添加到原数组开头,并返回数组的长度var a = [1,2,3,4,5];var b = a.unshift(-2,-1); 结转载 2013-04-02 10:58:57 · 532 阅读 · 0 评论 -
js中apply方法的使用
1、对象的继承,一般的做法是复制:Object.extendprototype.js的实现方式是: Object.extend = function(destination, source) { for (property in source) { destination[property] = source[property];转载 2013-03-15 17:08:39 · 456 阅读 · 0 评论 -
触发click事件 浏览器兼容
$(".list li span").click(function(e){ var _this=$(this); var _input=_this.prev("input"); if(document.all){ _input[0].click();原创 2013-01-21 17:30:17 · 1382 阅读 · 0 评论 -
jquery text()、val()、html()方法区别
text():1、无参获取每一个匹配元素的文本内容 2、有参数 给每一个匹配元素赋值val():1、无参获取第一个匹配元素的值 2、有参数 给每一个匹配元素赋值html():1、无参获取第一个匹配元素的标签内容 2、有参数给每一个匹配元素赋值原创 2013-01-18 15:45:11 · 460 阅读 · 0 评论 -
return false 正确运用
可能在你刚开始学习关于jQuery事件处理时,看到的第一个例子就是关于如何阻止浏览器执行默认行为,比如下面这段演示click事件的代码:$("a.toggle").click(function () { $("#mydiv").toggle(); return false; // Prevent browser from visiting `#` });转载 2012-11-22 15:56:11 · 4623 阅读 · 0 评论 -
判断参数(String、Array、Object)是否为undefined或者值为空
有时候我们会遇到这样的情况:在一些前端控件要提交数据到服务器端的数据验证过程中,需要判断提交的数据是否为空。如果是普通表单的字符串数据,只需要在 trim 后判断 length 即可,而这里需要的数据可以是各种不同的类型(数字、字符串、数组、对象等等),通过 JSON.stringify(data) 进行序列化后再传递。在这里定义如下的数据值为“空值”:undefinednul转载 2012-11-19 14:22:55 · 2810 阅读 · 0 评论 -
js小数之间运算,html添加到页面后,修改对于宽度
var html=""; html+=""; html+=""+data.callBackPlanName+""+planStatus[data.status]+""+data.progress+"<span class='"+(data.status==0?'':data.status==1?'progress finishBg':data.status=原创 2012-06-08 16:56:05 · 976 阅读 · 0 评论 -
js转义字符
有时候js得到json串中含有"" ,那么两个尖括号中间的文字是无法在html页面显示出来的,必须用转义字符、"“<”">" 转义 :“>”原创 2012-06-08 16:56:46 · 988 阅读 · 0 评论 -
页面后添加内容 点击移动
第一种写法: $(function(){ for(var i=0;i $("存在"+i+"").appendTo("#existence"); } for(var m=0;m $("原创 2012-05-06 16:07:02 · 394 阅读 · 0 评论 -
js apply
js中apply方法的使用1、对象的继承,一般的做法是复制:Object.extendprototype.js的实现方式是: Object.extend = function(destination, source) { for (property in source) { destination[property] = sourc转载 2013-04-02 11:30:37 · 497 阅读 · 0 评论 -
Javascript执行效率小结
Javascript是一门非常灵活的语言,我们可以随心所欲的书写各种风格的代码,不同风格的代码也必然也会导致执行效率的差异,开发过程中零零散散地接触到许多提高代码性能的方法,整理一下平时比较常见并且容易规避的问题 Javascript自身执行效率Javascript中的作用域链、闭包、原型继承、eval等特性,在提供各种神奇功能的同时也带来了各种效率问题,用之不慎就会导致执行效率低下。转载 2013-04-16 14:33:36 · 539 阅读 · 0 评论 -
js的三种继承方式及其优缺点
第一种,prototype的方式://父类 function person(){ this.hair = 'black'; this.eye = 'black'; this.skin = 'yellow'; this.view = function(){ return this.hair + ',' + this.eye + '转载 2015-06-03 17:41:31 · 17853 阅读 · 1 评论 -
js 将图片连接转换称base64格式
我们把图像文件的内容直接写在了HTML 文件中,这样做的好处是,节省了一个HTTP 请求。坏处呢,就是浏览器不会缓存这种图像。现在我们提供一个js:function convertImgToBase64(url, callback, outputFormat){ var canvas = document.createElement('CANVAS'), ctx = c转载 2015-05-22 15:02:23 · 19296 阅读 · 1 评论 -
js 与或运算符 || && 妙用
首先出个题:如图: 假设对成长速度显示规定如下: 成长速度为5显示1个箭头; 成长速度为10显示2个箭头; 成长速度为12显示3个箭头; 成长速度为15显示4个箭头; 其他都显示都显示0各箭头。 用代码怎么实现? 差一点的if,else: Js代码 复制代码代码如下:var add_level = 0; if(add_step转载 2015-05-21 17:34:34 · 760 阅读 · 0 评论 -
iframe 父窗口和子窗口相互的调用方法集锦
一、父窗口调用iframe子窗口方法1、HTML语法:2、父窗口调用子窗口:myFrame.window.functionName();3、子窗品调用父窗口:parent.functionName();简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行4、父窗口页面源码: function say() { alert("pare转载 2013-06-21 14:46:18 · 781 阅读 · 1 评论 -
ajax请求get和post区别
get如果请求url没有变化,取出缓存,提高效率;请求会缓存到浏览器中,可以通过历史记录查看用户信息,安全性低;post传送变化的数据显示,变动性访问;get通过url地址传送数据,数据量不能超过1024byte;post作为http消息的实体内容传送到服务器中,传送数据量可以很大;get传送数据要经过encodeURIComponent编码,防止乱码。原创 2013-05-07 14:25:27 · 690 阅读 · 0 评论 -
javascript 和 jquery 中跳出循环区别
javascript:break和continue是两个用在内部循环的特殊语句。使用break语句跳出循环;用continue语句来跳出当前的循环继续下面的值。return false和return true 都能够终止循环跳出函数;与break效果一样。jquery:return false相当于break跳出循环return true相当于contiune跳原创 2012-11-22 16:07:01 · 904 阅读 · 0 评论 -
jquery的map和get方法
var arrayObj=["www","xxx","ddd"];var ww=$.map(arrayObj,function(i){ return i; }).join(",");console.log(ww); var tt=$(":checkbox").map(functio原创 2013-04-25 13:53:02 · 1955 阅读 · 0 评论 -
jquery 方法扩展
一、jquery添加静态方法 $.extend({ m1:function(){}, m2:function(){} }); 方法调用:$.m1();二、jquery对象添加方法 1、 $.fn.extend({ m1:function(){}原创 2013-04-25 15:22:46 · 551 阅读 · 0 评论 -
js调试
一、在ff中安装插件firebug,F12在控制台直接写想要运行 的脚本,与在js文件中效果一样,只是不用每次在文件 内写并保存。二、抛弃alert在脚本中用console.log()。避免页面运行多次alert。控制台写有所有、错误,每次查看错误后记得切换到所有,否则看不到日志。原创 2013-04-25 14:21:30 · 477 阅读 · 0 评论 -
页面内容未保存离开提示
window.onbeforeunload = function(){ var formlist = document.getElementById("regist"); for(var i=0;i[formlist.length;i++) { if(formlist[i].type!="hidden" && formlist原创 2012-05-06 16:06:01 · 965 阅读 · 0 评论 -
js声明数组、对象在jsp页面中(获得ajax得到json数据)
1、在jsp页面的js中可以用jsp标签var patientInfoList={patientId:"${session.patientId}"};var docDepList=[],noTypeMap=["","普通号","主治医生号","副主任医师号","主任医师号"];idx" var="list" items="${docDepList}"> docDepList[${i原创 2011-08-04 14:15:54 · 4966 阅读 · 0 评论 -
DOM对象与jQuery对象相互转换
jQuery对象转换成DOM对象1、var $cr=$("#cr"); jQuery对象 var cr=$cr[0]; DOM对象2、var $cr=$("#cr"); jQuery对象 var cr=$cr.get(0);原创 2011-07-22 12:10:17 · 312 阅读 · 0 评论 -
onclick事件传参
1、在页面中给方法传参数有两种方法第一:onclick=cancel(id,patientId);在js文件中定义cancel方法如果要把当前对象传过去用onclick="cancel(this,id,patientId)"js中cancel(obj,id,patientId)第原创 2011-07-22 12:04:30 · 4637 阅读 · 0 评论 -
js中使用jstl问题
如果js脚本在jsp文件中,用el表达式有效果 alert("${msgs.addFullName }");注意:alert的时候,要把el表达式用引号引起来如果是单独的js文件,el表达式是不起作用的,EL表达式是在服务端执行的,服务端执行完成后再传给客户端的,js是在客户端转载 2011-07-22 11:55:08 · 5387 阅读 · 0 评论 -
css 语法与js 语法属性 区别
CSS语法(不区分大小写) JavaScript语法(区分大小写)border borderborder-bottom borderBottombord原创 2011-07-22 13:07:42 · 753 阅读 · 0 评论 -
新建表单
必要的时候新建表单,传值,针对某一小块if(!$("form[name=recentAppo]")[0]){ $(" ").appendTo("body"); }原创 2011-07-22 12:01:03 · 478 阅读 · 0 评论 -
用脚本写页面
function alertWin(title, msg, w, h){ var titleheight = "1px"; // 提示窗口标题高度 var bordercolor = ""; // 提示窗口的边框颜色 var titlecolor = ""; /原创 2011-07-22 13:03:55 · 615 阅读 · 0 评论 -
冒泡事件
在onclick中不能添加click事件,当重复点击时,容易出现多次触发的情况①/appointment/js/lib/jquery.js">div{border:1px solid #000}$(function(){ $("#w2").click(function(){ a原创 2011-07-22 12:03:38 · 451 阅读 · 0 评论 -
表单元素 与非表单元素 刷新区别
一、表单元素如果用js赋值刷新后,记录是js赋值后的值而不是初始值function bb(){var aa=document.getElementById_x("aa"); aa.value="3";}二、非表单元素如果用js赋值刷新后,记录的是初始值function bb原创 2011-07-22 12:02:33 · 729 阅读 · 0 评论 -
截取字符串
1、jsp页面截取字符串${fn:substring(appoi.hospitalizeTime,0,fn:indexOf(appoi.hospitalizeTime,' '))}2、js截取字符串dataArr[i].hospitalizeTime.substr(0,11)3、原创 2011-07-22 11:57:27 · 471 阅读 · 0 评论 -
jquery 设置元素相对于另一个元素的top值
sfdsfsddfsdf 设置button在input的下方$("#button").css("{top":$("#input").offset().top-$("#span2").offset().top+$("#in原创 2011-08-04 13:49:59 · 8709 阅读 · 0 评论 -
js hover 定时器
$("#showComp tr:not('.stlisttitle')").hover(function(){ try{if($("#calendarPanel").is(":visible")) $(".playerlist").hide();else{cle原创 2011-08-04 13:55:26 · 1852 阅读 · 0 评论 -
js中截取字符串的两种方式 及其区别
var long2="1988-0w-07";alert(long2.substring(0,4)+"------"+long2.substring(5,6)); 1988------0alert(long2.substr(0,4)+"------"+long2.原创 2011-08-25 10:34:39 · 749 阅读 · 0 评论 -
js转义字符
有时候js得到json串中含有"" ,那么两个尖括号中间的文字是无法在html页面显示出来的,必须用转义字符、"“<”">" 转义 :“>”原创 2012-03-09 09:39:10 · 3094 阅读 · 0 评论 -
jQuery.validate 中文API
名称返回类型描述validate(options)返回:Validator验证所选的FORMvalid()返回:Boolean检查是否验证通过rules()返回:Options返回元素的验证规则rules("add",rul原创 2012-03-08 12:37:37 · 454 阅读 · 0 评论 -
去掉回车和换行js
str.replace(/[\r\n]/g,"");原创 2012-02-01 17:23:25 · 6769 阅读 · 0 评论 -
ajax 提交form表单
var options={ type:"POST", url:updateState, beforeSubmit:function(formArray,jqForm){ for(var i=0,j=formArray.length;i原创 2012-02-01 17:25:49 · 850 阅读 · 0 评论 -
js对第列表中第一个值处理与jsp页面对列表中第一个值处理区别
js:$(""+(i==0?"class='cur'":"")+"").appendTo("ul");jsp: class="${idx.index==1?"cur":""}">//添加样式 ${idx.index eq 1 ?"checked":""}>//选中第一个原创 2012-01-31 16:14:24 · 674 阅读 · 0 评论