#Javascript实用效果整理

javascript中Function与Object

1、先来一段代码:console.log(Function);//functionFunction(){[nativecode]}console.log(Object);//functionObject(){[nativecode]}console.log(Function.prototype);//function(...
代码星球 代码星球·2021-01-21

javascript中prototype与__proto__

1、prototype:构造函数独有的属性; __proto__:每个对象都有一个名为__proto__的属性;注意:每个构造函数(自带与自创)都有一个prototype的属性,构造函数的prototype的属性也是一个对象,因此也有一个__proto__的属性。functionA(){}vara=newA();con...
代码星球 代码星球·2021-01-21

javascript正则表达式

1、正则声明:  varreg=/abc/;  varreg=newRegExp('abc');2、转义:  d:任何数字;  D:非数字;  w:字母,数字,下划线;  W:非字母,非数字,非下划线;  s:空格;  S:非空格3、量词:  {m,n}:大于等于m次,小于等于n次;  {n}:重复n次;  +={1,...
代码星球 代码星球·2021-01-21

javascript绑定事件addEventListener与attachEvent

1、eleObj.addEventListener(eventName,handle,useCapture);  eleObj:DOM元素;  eventName:事件名称。注意,这里的事件名称没有“on”,如鼠标单击事件 click,鼠标双击事件 doubleclick,鼠标移入事件mouseov...

javascript中操作元素属性

1、setAttribute():设置属性的值;  getAttribute():得到属性的值;  removeAttribute():移除属性;2、offsetWidth:offsetWidth=width+padding+border;   clientHeight:clientHei...

javascript中childNodes与children的区别

1、childNodes:获取节点,不同浏览器表现不同;  IE:只获取元素节点;  非IE:获取元素节点与文本节点;  解决方案:if(childNode.nodeName=="#text")continue或者if(childNode.nodeType!='3') continue 2、chil...

javascript的JSON对象

JSON包含用于解析JSON(javascriptobjectnotation)的方法,将值转换成JSON。JSON不可以被调用或者用作构造函数。JSON对象保存在大括号内,JSON数组保存在中括号内。1、JSON.stringify()  作用:将JSON对象转换成JSON字符串varjsonObj={'name':...
代码星球 代码星球·2021-01-21

javascript全局方法与变量

1、encodeURI(URI)  a、作用:是对统一资源标识符(URI)进行编码的方法;  b、参数:是一个完整的URI;  c、特点:不需要对保留字以及在URI中有特殊意思的字符进行编码。    (1)、保留字符:; , / ? : @ &&nbs...

javascript继承

1、原型赋值继承:直接将父类的一个实例赋给子类的原型,相当于将父类原型上的方法和属性以及挂在this上的方法和属性全部赋给了子类的原型。functionPerson(name){this.name=name;this.className="person"}Person.prototype.getClassName=fu...
代码星球 代码星球·2021-01-21

javascript函数节流(throttle)与函数去抖(debounce)

throttle等时间间隔执行函数。debounce时间间隔t内若再次触发事件,则重新计时,直到停止时间大于或等于t才执行函数。1、throttle函数的简单实现functionthrottle(fn,threshhold,scope){threshhold||(threshhold=250);varlast,time...

javascript中的抽象相等==与严格相等===

1、数据类型:String,Number,Boolean,Object,Null,Undefined2、抽象相等:x==y  A、两者数据类型相同:typeofx==typeofy    a、String:x与y对应位置的字符完全一样,则返回true,否则返回false。    b、Number:x与y的数值相等,则返...

手机端全局样式表整理(mobile)

@charset"utf-8";/* *filename:         global.css *description:      全局样式(包含...

基于html5鼠标悬停图片动画展示效果

分享一款基于html5鼠标悬停图片动画展示效果。里面包含两款不同效果的html5图片展示效果。效果图如下:在线预览   源码下载实现的代码。html代码:<divclass="wrap"id="wrap"><divstyle="float:left;padding-top...

基于jQuery图像碎片切换效果插件FragmentFly

基于jQuery图像碎片切换效果插件FragmentFly。这是一款只需三步轻松完成碎片动画,参数可调,使用方便。在线预览   源码下载部分代码:<divclass="all_wrap"><divclass="wrap_head"><divid="fragme...
首页上一页...3334353637...下一页尾页