
JavaScript
文章平均质量分 56
ios0213
这个作者很懒,什么都没留下…
展开
-
Javascript工厂模式:函数createPerson(...
工厂模式是软件工程领域一种广为人知的设计模式,这种模式抽象了创建具体对象的过程。考虑到在ECMAScript中无法创建类,开发人员就发明了一种函数,用函数来封装以特定接口创建对象的细节,如下面的例子所示:function createPerson(name, age, job) { var o = new Object(); o.name = name; o.age =原创 2016-07-09 09:23:29 · 1653 阅读 · 1 评论 -
JS的onpropertychange方法怎么使用?
onpropertychange事件,顾名思义,就是property(属性)change(改变)的时候,触发事件。这是IE专有的!如果想兼容其它浏览器,有个类似的事件,oninput!onpropertychange会在设置disable=true的时候失效。而且,onpropertychange是在触发对象改变任何属性时都会触发。而oninput只是在改变input的value值时才触发转载 2016-06-18 23:15:28 · 12870 阅读 · 0 评论 -
使用不带圆括号的函数名是访问函数指针,而不是调用函数名
函数名是指向函数的指针。原创 2016-07-04 21:58:59 · 920 阅读 · 0 评论 -
JavaScript indexOf() 方法
定义和用法indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。语法stringObject.indexOf(searchvalue,fromindex)参数描述searchvalue必需。规定需检索的字符串值。fromindex可选的整数参数。规定在字符串中开始检索的位置。它的合法取值转载 2016-07-03 22:44:28 · 895 阅读 · 0 评论 -
JavaScript pop() 方法
定义和用法pop() 方法用于删除并返回数组的最后一个元素。语法arrayObject.pop()返回值arrayObject 的最后一个元素。说明pop() 方法将删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值。如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值。实例原创 2016-07-03 14:20:22 · 591 阅读 · 0 评论 -
JavaScript push() 方法
定义和用法push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。语法arrayObject.push(newelement1,newelement2,....,newelementX)参数描述newelement1必需。要添加到数组的第一个元素。newelement2可选。要添加到数组的第二个转载 2016-07-03 14:19:30 · 281 阅读 · 0 评论 -
JavaScript join() 方法
定义和用法join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。语法arrayObject.join(separator)参数描述separator可选。指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。返回值返回一个字符串。该字符串是通过把 arrayO转载 2016-07-03 14:16:05 · 329 阅读 · 0 评论 -
JavaScript slice() 方法
定义和用法slice() 方法可从已有的数组中返回选定的元素。语法arrayObject.slice(start,end)参数描述start必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。end可选。规定从何处结束选原创 2016-07-02 15:43:30 · 327 阅读 · 0 评论 -
JavaScript substring() 方法
定义和用法substring() 方法用于提取字符串中介于两个指定下标之间的字符。语法stringObject.substring(start,stop)参数描述start必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。stop可选。一个非负的整数,比要提取的子转载 2016-07-02 15:42:26 · 487 阅读 · 0 评论 -
JavaScript substr() 方法
定义和用法substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。语法stringObject.substr(start,length)参数描述start必需。要抽取的子串的起始下标。必须是数值。如果是负数,那么该参数声明从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二转载 2016-07-02 15:39:07 · 518 阅读 · 0 评论 -
JavaScript让登录或搜索文本框自动获得焦点
这确实是个值得注意的细节,今天在XX网站登录界面上遇到了,就先记录下来了,每个网页都有其专注的功能,有的专注于文章资讯等信息呈现,有的专注于视频播放,有的专注于登录,今天要说的就是专注于像登录或搜索等类似功能的网页,打开这一类页面,你会发现有些做得比较好的页面,输入焦点会自动落在要填写信息的第一个文本框里,这样我们就不需要再点击鼠标让此类文本框获得焦点了,这样无形中为用户减少了一步点鼠标的操作,易转载 2016-06-18 21:54:35 · 582 阅读 · 0 评论 -
JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
今天遇见这么一个小小的问题,就是文本框中需要输入内容才可以提交,如果没有输入就提示并使该文本框获得焦点!这么一个简单的事情如果没有使用 jQuery的话 是不是对象.focus()就可以了,JavaScript Code复制内容到剪贴板//这样执行,jquery只会当获取焦点后执行焦点函数的语句了。 $(”#nameInput”).focus();转载 2016-06-18 23:19:36 · 4205 阅读 · 1 评论 -
创建对象与括号之间的关系
无标题文档var m=new Object();m.name="lilu";m.age=16;m.addr="hubei";m.say=function () /*这里方法后面不添加括号,跟之前的window.onload=say; 一样*/{ alert(m.age);};m.say(); /*这里条用对象方法,say()为方法的函数名*/原创 2016-07-08 13:58:17 · 420 阅读 · 0 评论 -
关于javascript中apply()和call()方法的区别
如果没接触过动态语言,以编译型语言的思维方式去理解javaScript将会有种神奇而怪异的感觉,因为意识上往往不可能的事偏偏就发生了,甚至觉得不可理喻.如果在学JavaScript这自由而变幻无穷的语言过程中遇到这种感觉,那么就从现在形始,请放下的您的”偏见”,因为这对您来说绝对是一片新大陆,让JavaScrip好,言归正传,先理解JavaScrtipt动态变换运行时上下文特性,这种特性主转载 2016-07-07 22:45:24 · 260 阅读 · 0 评论 -
搜索框代码
无标题文档div{width:758px;height:38px;padding:0;border:2px solid #00B1A1;}.inp{float:left;display:inline;padding:8px;font-size:18px;width:640px;border:none;color: #999;}.i原创 2016-07-17 19:00:23 · 2853 阅读 · 0 评论 -
JavaScript charAt() 方法
定义和用法charAt() 方法可返回指定位置的字符。请注意,JavaScript 并没有一种有别于字符串类型的字符数据类型,所以返回的字符是长度为 1 的字符串。语法stringObject.charAt(index)参数描述index必需。表示字符串中某个位置的数字,即字符在字符串中的下标。转载 2016-07-05 22:26:21 · 609 阅读 · 0 评论 -
自己写的鼠标单击按钮实现图片切换
无标题文档div{ margin:0 auto; width:960px; margin-top:80px; position:relative;}div a{ outline:none;}div img{ border:0;}div span{ -webkit-opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0原创 2016-07-05 20:47:08 · 1823 阅读 · 0 评论 -
img src属性 DOM编程下 img.src与element.getAttribute("src")的区别
下面是一段测试代码:var img=document.getElementById("demo");alert(img.src);alert(img.getAttribute("src"));我们将文件保存在F盘下,然后运行,可以看到:img.src 显示是图片的完整路径,即在哪个文件夹下以及命名。img.getAttribute("src") 显原创 2016-07-05 16:41:12 · 3315 阅读 · 0 评论 -
超链接中的javascript:void(0)问题
最近看了好几个关于标签和javascript:void(0)的帖子,谨记于此,以资查阅。 注:以下代码未经全面测试,但每一种方法可能会出现的情况都基本做了说明。 在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#",但是,这样会有一个问题,就是当页面有滚动条时,点击后会返回到页面顶端,用户体验不好。 目前有如下几种解决办法:原创 2016-06-19 20:31:51 · 771 阅读 · 0 评论 -
自己写的,用onpropertychange 和 oninput时间实现对文本框的实时触发
代码如下:无标题文档.main { width: 546px; margin: 0 auto; margin-top:40px; border: 1px solid #9BAABD;}.top { width: 500px; height: 200px; margin: 20px 20px 0 20px; color:#CCC;}.footer { pos原创 2016-07-02 16:14:11 · 1486 阅读 · 0 评论 -
javascript:; 和 javascript:void(0); 的区别是什么?
2 个回答6赞同反对匿名用户6 人赞同“javascript:void(0);”要去执行一次表达式“0”,然后返回undefined。“javascript:;”直接返回undefined。性能上区别:void多一次表达式解析。空间上区别:“void(0);”比“;”多7个字符。发布于 2014-10-17原创 2016-07-05 10:20:50 · 622 阅读 · 0 评论 -
Input的size与maxlength属性的区别
maxlength="500",表示的意思是input输入框中最多够输入500个字符。W3C标准指出maxlength规定文本字段中允许的最大字符数。size="500",则表示input输入框只显示500个可见的字符,但用户实际可以输入无限多的内容。W3C指出size属性规定输入字段中的可见字符数。input表单控件的 size 属性是一个可视化的设计属性,在项目中建议使用 CSS 中的原创 2016-07-02 15:21:00 · 2165 阅读 · 0 评论 -
实时监听输入框值变化的完美方案:oninput & onpropertychange
定义和用法oninput 事件在用户输入时触发。该事件在 或 元素的值发生改变时触发。提示: 该事件类似于 onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发, onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 和 元素。 在 Web 开发中经常会碰到需要转载 2016-07-02 15:09:23 · 940 阅读 · 0 评论 -
document.forms.length 与 document.forms.elements.length 的区别
document.forms.length计算文档中form 表单的数目;如:document.forms.elements.length是统计form 表单中元素节点的总数。如:统计这个表单里面元素的总数可以直接这样:document.fr.elements.length;如在提交表单的时候进行验证,单独验证单个元素可以怎样:d原创 2016-06-25 14:57:53 · 2481 阅读 · 0 评论 -
js判断所有表单项不为空则提交表单
无标题文档function check(){for(var i=0;i{if(document.form1.elements[i].type=="submit") continue;if(document.form1.elements[i].value==""){alert("表单不能为空!");document.form1.elements[i].fo原创 2016-06-25 14:31:48 · 659 阅读 · 0 评论 -
javascript 检查邮件是否正确
无标题文档function check(){ var input=document.getElementsByTagName("input")[2]; if(input.value.indexOf("@")==-1 || input.value.indexOf(".")==-1) { alert("您输入的邮件不正确!"); return false; } else{ a原创 2016-06-24 22:01:49 · 382 阅读 · 0 评论 -
文本框获取焦点的时候默认值消失,当默认值发生改变时文本框内容为改变后的内容
无标题文档function ceh(element){ if(element.value=="中文/拼音"){ element.value=""; } element.focus();}function cef(element){ if(element.value=="")element.value="中文/拼音"; else element.defaultValue=el原创 2016-06-21 15:14:57 · 2404 阅读 · 0 评论 -
简单的图片自动轮换
代码如下:无标题文档div{ width:70%; padding:0; margin:0 auto; border:1px solid #CCC; text-align:center;} var imgshow=new Array();imgshow[0]="photo01.jpg";imgshow[1]="photo02.jpg";imgs原创 2016-06-24 14:44:23 · 483 阅读 · 0 评论 -
js中SetInterval与setTimeout用法
JS里设定延时:使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间,再进行某项操作。setTimeout("function",time) 设置一个超时对象 setInterval("function",time) 设置一个超时对象SetInterval为自动重复,setTimeout不会重复。clearT转载 2016-06-24 14:05:38 · 228 阅读 · 0 评论 -
下拉菜单是表现还是行为
原创 2016-06-07 16:17:41 · 209 阅读 · 0 评论 -
JavaScript代码收集
//打开模式对话框function doSelectUser(txtId) { strFeatures="dialogWidth=500px;dialogHeight=360px;center=yes;middle=yes ;help=no;status=no;scroll=no"; var url,strReturn; url="se转载 2016-05-18 10:10:17 · 679 阅读 · 0 评论 -
用JavaScript 中onblur()函数判断失去焦点后的行为
当输入框失去焦点的时候,使用onblur()函数执行判断行为。可以用来简单的判断如密码输入长度的问题。原创 2016-05-27 16:20:56 · 3366 阅读 · 0 评论 -
onload什么时候执行
在JS中,如果希望在页面加载完成后执行某些操作的话,一般的写法如下:window.onload = function(){// some thing to do};但 是,onload函数的执行并不是我们通常所理解的浏览器构建完html页面对应的DOM树后立刻执行,而是要等到页面中所引用的图片等外部资源 完全下载完成后并且在浏览器中显示才执行,也就是说,如果页面中包括很多图片或者图原创 2016-06-25 21:18:14 · 9054 阅读 · 0 评论 -
jquery $(document).ready() 与window.onload的区别
1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 2.编写个数不同 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个转载 2016-06-26 14:28:14 · 497 阅读 · 0 评论 -
事件处理---addEventListener
addEventListener 用于注册事件处理程序,IE 中为 attachEvent,我们为什么讲 addEventListener 而不讲 attachEvent 呢?一来 attachEvent 比较简单,二来 addEventListener 才是 DOM 中的标准内容。简介addEventListener 为文档节点、document、window 或 XMLHt转载 2016-06-16 14:36:31 · 3313 阅读 · 0 评论 -
Dom对象事件注册和取消(addEventListener/attachEvent)
addEventListener的参数一共有三个,语法为:element.addEventListener(type,listener,useCapture)下面是详解其中element是要绑定函数的对象。type是事件名称,要注意的是"onclick"要改为"click","onblur"要改为"blur",也就是说事件名不要带"on"。listener当然就是绑定的函数转载 2016-06-16 14:18:05 · 1163 阅读 · 0 评论 -
鼠标移动实现样式改变
无标题文档ul{ margin-top:50px; list-style-type:none;}li{ width:100px; line-height:40px; height:40px; background-color:#099; float:left; text-align:center; border-right:1px solid #FFF;}原创 2016-07-24 20:57:21 · 1325 阅读 · 0 评论 -
创建一个Object()对象
一般创建Object()对象的时候,我们常用这种写法,如:var preson=new Object();或者用另外一种 对象字面量 表示法var preson={ name:"jofr", age:25}这里需要注意的是,name 后面是逗号 , 不要写成分号:原创 2016-07-01 22:45:27 · 1072 阅读 · 0 评论 -
用window.onload方法加载函数
例如脚本中要执行一个函数,当页面也没有触发行为或者其他调用的时候,函数无法被执行。这个时候可以用window.onload进行调用函数进行执行。如:function ce1(){ alert("123");}window.onload=ce1;注意后面不用加() .当脚本内部有几个函数的时候,如果只用如下面function ce1(){ alert("原创 2016-06-29 20:34:01 · 2162 阅读 · 0 评论 -
toString()没有参数
toString() toString() 方法可把一个逻辑值转换为字符串,并返回结果。原创 2016-06-29 19:58:56 · 748 阅读 · 0 评论