JavaScript资料,JavaScript文章,JavaScript文档-易库教程

animate动画示例（泪奔的小孩）及stop和delay的使用

2016年07月27日 6 阅读

复制代码代码如下: <head> <title></title> <script src="jquery-1.9.1.js" type="text/javascript"></script> <style type="text/css"> img { width:150px; height:200px; position:relative; } td{width:150px;heig...

jQuery fadeTo方法调整图片的透明度使用介绍

2016年07月27日 5 阅读

复制代码代码如下: <head> <title></title> <style type="text/css"> .imgclass{ width:300px; height:300px; border:solid 1px red;} </style> <script src="jquery-1.9.1.js" type="text/javascript"></script&g...

JavaScript创建类/对象的几种方式概述及实例

2016年07月27日 6 阅读

在JS中，创建对象（Create Object）并不完全是我们时常说的创建类对象，JS中的对象强调的是一种复合类型，JS中创建对象及对对象的访问是极其灵活的。 JS对象是一种复合类型，它允许你通过变量名存储和访问，换一种思路，对象是一个无序的属性集合，集合中的每一项都由名称和值组成（听起来是不是很像我们常听说的HASH表、字典、健/值对？），而其中的值类型可能是内置类型（如number,string），也可能是对象。一、由一对大括号括起来复制代码代码...

javascript中encodeURI和decodeURI方法使用介绍

2016年07月27日 5 阅读

一、基本概念 encodeURI和decodeURI是成对来使用的，因为浏览器的地址栏有中文字符的话，可以会出现不可预期的错误，所以可以encodeURI把非英文字符转化为英文编码，decodeURI可以用来把字符还原回来。encodeURI方法不会对下列字符进行编码：":"、"/"、";" 和 "？"，encodeURIComponent方法可以对这些字符进行编码。 decodeURI（）方法相当于java.net.URLDecoder.decode（U...

IE8对JS通过属性和数组遍历解析不一样的地方探讨

2016年07月27日 5 阅读

以文谨记在此被浏览器版本差异的坑。复制代码代码如下: Array.prototype.Contains = function （str） { if （！str） return false; for （var i = 0; i < this.length; i++） { if （this[i] == str） { return true; } } return false; } var tmp = new Array（）; tmp.push（"1"...

js 获取和设置css3 属性值的实现方法

2016年07月27日 6 阅读

众多周知 CSS3 增加了很多属性，在读写的时候就没有原先那么方便了。如： <div style="left:100px"></div>只考虑行间样式的话，只需 div.style.left 就可获取，设置的时候也只需要 div.style.left="100px" 即可。很简单。但是css3来了如： <div style="-webkit-transform: translate（20px,-20px）"><...

javascript中的startWith和endWith的几种实现方法

2016年07月27日 6 阅读

JavaScript采用正则表达式实现startWith、endWith效果函数复制代码代码如下:String.prototype.startWith=function（str）{ var reg=new RegExp（"^"+str）; return reg.test（this）; } String.prototype.endWith=function（str）{ var reg=new RegExp（str+"$"）; return reg....

Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因

2016年07月27日 7 阅读

看到别人写的JS，ajax请求地址后加随机参数，比如XXXX？t= + new Date（）.getTime（）。一开始搞不懂为什么，网上查了资料，原因是防止浏览器缓存。浏览器为了提高用户访问同一页面的速度，会对页面数据进行缓存。当url请求地址不变时，有时候会导致浏览器不发送请求，直接从缓存中读取之前的数据。如果数据改变了，而没加随机数，读取的数据会跟之前一样。加上随机数，就是欺骗浏览器url改变了，会每次都向服务器发送请求而不去读缓存...

nullJavascript中创建对象的五种方法实例

2016年07月27日 5 阅读

复制代码代码如下:<script type="text/javascript">// 方法一var p0 = new Object（）;p0.name = "xy";p0.age = 20;p0.sayName = function（） { alert（this.name）; }p0.showAgeAfterSomeYears = function（year） { return this.age + year };p0.sayName（）;a...

jQuery实现动画效果的实例代码

2016年07月27日 5 阅读

复制代码代码如下: <style type="text/css"> table{border:1px solid #666;} table td{border:1px solid #eee;width:200px;height:200px;} img{width:200px;height:200px;border:none;position:relative;} </style> <script src="jquery-1....

jQuery的slideToggle方法实例

2016年07月27日 6 阅读

复制代码代码如下: <title></title> <style type="text/css"> .imgclass{ width:300px; height:300px; border:solid 1px red;} </style> <script src="jquery-1.9.1.js" type="text/javascript"></script> <script...

解决javascript:window.close（）在chrome,Firefox下失效的问题

2016年07月27日 6 阅读

window.close（），一看就知道是用来关闭浏览器窗口的方法。W3CSchool对该方法的解释如下：方法 close（）将关闭有 window 指定的顶层浏览器窗口。某个窗口可以通过调用 self.close（）或只调用 close（）来关闭其自身。只有通过 JavaScript 代码打开的窗口才能够由 JavaScript 代码关闭。这阻止了恶意的脚本终止用户的浏览器。在IE中，window.close（）能生效，在生效的时候，会弹出提示...

基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍

2016年07月27日 5 阅读

检查bug的步骤1. bug定位在js脚本中，按照脚本执行的顺序，你可以用console或alert，来确定bug发生的代码区间，然后在区间内进一步来查找bug发生的具体代码段。2. bug fix通过排除，就是在插入节点内容的时候导致了bug，我用的是kissy的DOM.html（）方法，其功能类似于DOM元素节点innerHTML方法，我起初认为是这个方法导致的IE67渲染出错，然后我换成了innerHTML方法，结果还是有误。这时候我想到了内存泄露，...

JQuery+CSS提示框实现思路及代码（纯手工打造）

2016年07月27日 6 阅读

复制代码代码如下: <html> <head> <meta charset="utf-8" /> <script type="text/javascript" src="jquery-1.8.2.js"></script> <title>背景透明</title> <style> *{ margin:0; padding:0; } body{ position:...

使用javascript:将其它类型值转换成布尔类型值的解决方法详解

2016年07月27日 6 阅读

1.利用Boolean对象进行转换复制代码代码如下:var num123 = 123, str = "abc", o = {name:"test"}, num0 = 0; num123 = Boolean（num123）; //true num0 = Boolean（num0）; //false str = Boolean（str）; //true o = Boolean（o）; //true2. 利用两个"！"运算符，第一个"！"将值转换成布尔值并取其...

基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解

2016年07月27日 6 阅读

构造函数、原型实现继承的缺陷首先来分析构造函数和原型链两种实现继承方式的缺陷：构造函数（对象冒充）的主要问题是必须使用构造函数方式，且无法继承通过原型定义的方法，这不是最好的选择。不过如果使用原型链，就无法使用带参数的构造函数了。开发者如何选择呢？答案很简单，两者都用。构造函数+原型混合方式这种继承方式使用构造函数定义类，并非使用任何原型。创建类的最好方式是用构造函数定义属性，用原型定义方法。这种方式同样适用于继承机制，用对象冒充继承构造函数的属性，用原型...

基于JavaScript实现继承机制之原型链（prototype chaining）的详解

2016年07月27日 9 阅读

如果用原型方式重定义前面例子中的类，它们将变为下列形式：复制代码代码如下:function ClassA（） {}ClassA.prototype.color = "blue";ClassA.prototype.sayColor = function （） { alert（this.color）;};function ClassB（） {}ClassB.prototype = new ClassA（）;原型方式的神奇之处在于最后一行代码。这里，把 Cla...

JS Pro-深入面向对象的程序设计之继承的详解

2016年07月27日 5 阅读

原型链（prototype chaining）：利用原型来继承属性和方法。回顾一下构造函数（constructor），原型对象（prototype）和实例（instance）的关系。每一个构造函数都有一个prototype属性，该属性指向一个prototype对象；prototype对象也有constructor属性，指向该函数；而实例也有一个内部指针（__proto__）指向这个prototype对象。如果这个prototype对象是另外一个对象的实例会...

解读JavaScript中 For, While与递归的用法

2016年07月27日 7 阅读

for循环:复制代码代码如下:for（i=start; i<end; i++） {}while循环: （注意, 若条件一直为真, 则会进入死循环, 浏览器就hang掉）复制代码代码如下:while （condition） { //do something; //change condition;}递归:使用for循环做substring复制代码代码如下:function substring（all, start, end） { for（i=st...

基于JavaScript 类的使用详解

2016年07月27日 6 阅读

以下为构造函数方法创建类：复制代码代码如下:function className （prop_1, prop_2, prop_3） { this.prop1 = prop_1; this.prop2 = prop_2; this.prop3 = prop_3;}有了上面的类，我们就可以为类创建实例：复制代码代码如下:var obj_1 = new className（v1, v2, v3）var obj_2 = new className（v1, v2...

首页 / 脚本样式 / JavaScript

animate动画示例（泪奔的小孩）及stop和delay的使用

jQuery fadeTo方法调整图片的透明度使用介绍

JavaScript创建类/对象的几种方式概述及实例

javascript中encodeURI和decodeURI方法使用介绍

IE8对JS通过属性和数组遍历解析不一样的地方探讨

js 获取和设置css3 属性值的实现方法

javascript中的startWith和endWith的几种实现方法

Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因

nullJavascript中创建对象的五种方法实例

jQuery实现动画效果的实例代码

jQuery的slideToggle方法实例

解决javascript:window.close（）在chrome,Firefox下失效的问题

基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍

JQuery+CSS提示框实现思路及代码（纯手工打造）

使用javascript:将其它类型值转换成布尔类型值的解决方法详解

基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解

基于JavaScript实现继承机制之原型链（prototype chaining）的详解

JS Pro-深入面向对象的程序设计之继承的详解

解读JavaScript中 For, While与递归的用法

基于JavaScript 类的使用详解