原生js问题
总是忘记昵称
这个作者很懒,什么都没留下…
展开
-
事件绑定和阻止默认事件
一般 为了阻止默认事件,我们都用return false,但是 如果你用了事件绑定,return false在高版本浏览其中就会失效,但是低版本浏览器中还是可以的,我们可以使用事件对象里面preventDefault()方法来去解决高版本浏览器中事件绑定了无法用return false阻止默认事件的问题。例如:取消鼠标右击后出现的默认菜单document.oncontextmenu=fun原创 2014-06-07 11:55:46 · 1503 阅读 · 0 评论 -
逗号表达式
今天在qq群里看到了这么一题目长见识了if(12,0,3,5){alert(1)}else{alert(2)}结果弹出的是1if括号里面的,是个逗号表达式,逗号表达式,只看最后面的原创 2015-02-03 18:49:42 · 659 阅读 · 0 评论 -
事件委托
先来解释一下啥是事件委托:事件委托就是:子元素的事件,委托给他的父级先来个例子看看:无标题文档*{margin:0; padding:0}ul,li{ list-style:none;}#ul{ overflow:hidden;}li{width:100px; height:100px; background:red; margin:20px; fl原创 2014-08-19 16:17:40 · 847 阅读 · 0 评论 -
js中的子类继承父类的方法和属性
上次讲了个简单的继承,这次 咱们讲个稍微复杂点的,那就是让子类继承父类的属性和方法,假设人 (Person)是父类,工人(Worker)是子类,让worker继承person的属性和方法:父类:function Person(name,age){ this.name=name; this.age=age;}Person.prototype原创 2014-08-15 13:59:24 · 9476 阅读 · 3 评论 -
js的继承问题
今天我们来说说继承的问题吧,以前js的继承总是弄的我头疼死了,现在总算是弄明白了啥是继承,先来个简单的例子:方式一:function createPerson(name,age){this.name=name;this.age=age; this.showName=function() {alert(this.name); }}va原创 2014-08-13 10:26:16 · 653 阅读 · 0 评论 -
正则表达式验证邮箱,qq,座机,手机,网址
手机:var reg=/^1[34578]\d{9}$/;if(reg.test("你输入的手机号码") ){alert("手机号码输入正确")} else{alert("手机号码输入有误")}QQ:var reg=/^[1-9]\d{4,11}$/;邮箱:var reg=/^\w+@[0-9a-zA-Z\-]+[a-zA原创 2014-07-09 10:38:06 · 2612 阅读 · 0 评论 -
js封装,复用,放大效果
仿youtube菜单*{margin:0; padding:0;}.contain{width:960px; margin:0 auto; text-align:center; font-weight:bold; font-size:100px; position:relative;}.left{ width:300px; margin-right:10px; float:left; }.原创 2013-05-27 17:13:25 · 580 阅读 · 0 评论 -
倒计时
无标题文档 function Time(){ var endTime=new Date("Jan 3,2015 14:50").getTime(); var startTime=new Date().getTime(); var dTime=endTime-startTime; var s=d原创 2014-01-03 14:52:55 · 677 阅读 · 0 评论 -
点击a链接跳到页面中相应的地方
在页面中点击a标签后,要使其跳到页面里面相应的地方,方法很简单,就是在a标签里面href中的内容和你要跳到这个区域的id同名即可,例如:点我看看我是该区域的相应内容若跳到其它页面相应的地方,只需在href中#jump的前面加上链接地址即可,即:点我看看这样就可以了,是不是很简单呢原创 2013-07-04 09:35:12 · 996 阅读 · 0 评论 -
javascript 回调函数
function main(son){alert("i am main function");son();}function a(){alert("i am function a");}function b(){alert("i am function b");}function test(){main(a);main(b);}test();转载 2013-07-04 10:18:12 · 471 阅读 · 0 评论 -
js的继承性问题
通过new+func名创建的对象,这个对象可以直接调用或访问func.prototype创建的属性或方法,这就是所谓的继承举例说明:function a(age){this.age=age;}var anobj=new a("22");a.prototype.old=function(){alert("Hello,I am"+this.age+"years old");原创 2013-11-08 10:32:24 · 538 阅读 · 0 评论 -
传说中的闭包
定义:在函数体中定义另外的函数作为目标对象的方法函数,而目标对象的方法函数,调用外层函数中的临时变量:例如:function Person(firstName, lastName, age){this.age = age;this.getName = function(){return(firstName + " " + lastName);};th原创 2013-11-08 11:20:29 · 806 阅读 · 0 评论 -
js返回和前进
返回和前进用到的是BOM中的history对象:返回:返回 //相当于调用history对象的back()方法;前进:前进 //相当于调用history对象的forword()方法;原创 2013-10-30 10:38:37 · 748 阅读 · 0 评论 -
substring的用法
substring 用来截取字符串,包括start的位置,但是不包括end的位置substring(start,end)start 必须要,表示截取的字符串的开始位置,从0开始end可选,表示截取字符串的结束位置,1.end>start:开始位置为start,结束位置为end;var content="abcdefg";alert(content.substring(4,6原创 2013-09-05 10:00:14 · 4935 阅读 · 3 评论 -
缓冲运动框架
主要是将物体的速度由大变小,到达目标位置的时候,停止。缓冲运动框架:1.关闭定时器2.开启定时器3.速度的计算:速度=(目标位置-物体的位置)/系数4.速度取整:5.判断function startmove(iTarget){clearInterval(timer);timer=setInterval(function(){var speed=(iTarge原创 2013-11-28 17:30:46 · 808 阅读 · 0 评论 -
pagex,screenx,clientx的区别
screenX:参照物为电脑的屏幕左上角,距离电脑屏幕的水平距离clientX:参照物是内容区域左上角,距离内容区域左上角的水平距离,会随着滚动条的移动而移动pageX:参照物也是内容区域的左上角,距离内容区域左上角的水平距离,但是不会随着滚动条的移动而移动原创 2015-07-09 11:34:36 · 1355 阅读 · 0 评论