- 博客(21)
- 收藏
- 关注
原创 鼠标移动实现样式改变
无标题文档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 1280
原创 搜索框代码
无标题文档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 2788
原创 Javascript工厂模式:函数createPerson(...
工厂模式是软件工程领域一种广为人知的设计模式,这种模式抽象了创建具体对象的过程。考虑到在ECMAScript中无法创建类,开发人员就发明了一种函数,用函数来封装以特定接口创建对象的细节,如下面的例子所示:function createPerson(name, age, job) { var o = new Object(); o.name = name; o.age =
2016-07-09 09:23:29 1602 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 400
转载 关于javascript中apply()和call()方法的区别
如果没接触过动态语言,以编译型语言的思维方式去理解javaScript将会有种神奇而怪异的感觉,因为意识上往往不可能的事偏偏就发生了,甚至觉得不可理喻.如果在学JavaScript这自由而变幻无穷的语言过程中遇到这种感觉,那么就从现在形始,请放下的您的”偏见”,因为这对您来说绝对是一片新大陆,让JavaScrip好,言归正传,先理解JavaScrtipt动态变换运行时上下文特性,这种特性主
2016-07-07 22:45:24 249
转载 JavaScript charAt() 方法
定义和用法charAt() 方法可返回指定位置的字符。请注意,JavaScript 并没有一种有别于字符串类型的字符数据类型,所以返回的字符是长度为 1 的字符串。语法stringObject.charAt(index)参数描述index必需。表示字符串中某个位置的数字,即字符在字符串中的下标。
2016-07-05 22:26:21 588
原创 自己写的鼠标单击按钮实现图片切换
无标题文档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 1791
原创 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 3279
原创 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 583
转载 JavaScript indexOf() 方法
定义和用法indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。语法stringObject.indexOf(searchvalue,fromindex)参数描述searchvalue必需。规定需检索的字符串值。fromindex可选的整数参数。规定在字符串中开始检索的位置。它的合法取值
2016-07-03 22:44:28 879
原创 JavaScript pop() 方法
定义和用法pop() 方法用于删除并返回数组的最后一个元素。语法arrayObject.pop()返回值arrayObject 的最后一个元素。说明pop() 方法将删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值。如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值。实例
2016-07-03 14:20:22 565
转载 JavaScript push() 方法
定义和用法push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。语法arrayObject.push(newelement1,newelement2,....,newelementX)参数描述newelement1必需。要添加到数组的第一个元素。newelement2可选。要添加到数组的第二个
2016-07-03 14:19:30 263
转载 JavaScript join() 方法
定义和用法join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。语法arrayObject.join(separator)参数描述separator可选。指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。返回值返回一个字符串。该字符串是通过把 arrayO
2016-07-03 14:16:05 313
原创 自己写的,用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 1465
原创 JavaScript slice() 方法
定义和用法slice() 方法可从已有的数组中返回选定的元素。语法arrayObject.slice(start,end)参数描述start必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。end可选。规定从何处结束选
2016-07-02 15:43:30 311
转载 JavaScript substring() 方法
定义和用法substring() 方法用于提取字符串中介于两个指定下标之间的字符。语法stringObject.substring(start,stop)参数描述start必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。stop可选。一个非负的整数,比要提取的子
2016-07-02 15:42:26 449
转载 JavaScript substr() 方法
定义和用法substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。语法stringObject.substr(start,length)参数描述start必需。要抽取的子串的起始下标。必须是数值。如果是负数,那么该参数声明从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二
2016-07-02 15:39:07 489
原创 Input的size与maxlength属性的区别
maxlength="500",表示的意思是input输入框中最多够输入500个字符。W3C标准指出maxlength规定文本字段中允许的最大字符数。size="500",则表示input输入框只显示500个可见的字符,但用户实际可以输入无限多的内容。W3C指出size属性规定输入字段中的可见字符数。input表单控件的 size 属性是一个可视化的设计属性,在项目中建议使用 CSS 中的
2016-07-02 15:21:00 2093
转载 实时监听输入框值变化的完美方案:oninput & onpropertychange
定义和用法oninput 事件在用户输入时触发。该事件在 或 元素的值发生改变时触发。提示: 该事件类似于 onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发, onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 和 元素。 在 Web 开发中经常会碰到需要
2016-07-02 15:09:23 919
原创 创建一个Object()对象
一般创建Object()对象的时候,我们常用这种写法,如:var preson=new Object();或者用另外一种 对象字面量 表示法var preson={ name:"jofr", age:25}这里需要注意的是,name 后面是逗号 , 不要写成分号:
2016-07-01 22:45:27 1045
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人