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

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

2017年02月06日 19 阅读

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

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

2017年02月06日 21 阅读

复制代码代码如下:<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实现动画效果的实例代码

2017年02月06日 22 阅读

复制代码代码如下: <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方法实例

2017年02月06日 15 阅读

复制代码代码如下: <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下失效的问题

2017年02月06日 17 阅读

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

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

2017年02月06日 20 阅读

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

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

2017年02月06日 19 阅读

复制代码代码如下: <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:将其它类型值转换成布尔类型值的解决方法详解

2017年02月06日 21 阅读

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实现继承机制之构造函数+原型链混合方式的使用详解

2017年02月06日 21 阅读

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

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

2017年02月06日 19 阅读

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

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

2017年02月06日 20 阅读

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

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

2017年02月06日 24 阅读

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 类的使用详解

2017年02月06日 21 阅读

以下为构造函数方法创建类：复制代码代码如下: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...

使用Math.floor与Math.random取随机整数的方法详解

2017年02月06日 20 阅读

Math.random（）:获取0~1随机数Math.floor（） method rounds a number DOWNWARDS to the nearest integer, and returns the result. （小于等于 x，且与 x 最接近的整数。）其实返回值就是该数的整数位：Math.floor（0.666） --> 0Math.floor（39.2783） --> 39所以我们可以使用Math.floor（Math....

JS注册/移除事件处理程序（ExtJS应用程序设计实战）

2017年02月06日 20 阅读

在设计ExtJS应用程序时最常做的事情就是注册事件处理程序，因为在ExtJS的世界里，几乎完全由时间组成。因此，ExtJS的设计者使注册事件变得非常容易（同时还提供了非常不容易的方式任你选择）——on/un，也就是上与下两种方式，或是addListener与removeListener，Element的所有子类都可以使用。例如有一个<div/>希望在用户按下时能够给予简单的反馈： <divid="happyDiv"class="happy...

JavaScript通过RegExp实现客户端验证处理程序

2017年02月06日 21 阅读

1.让文本框只允许输入数字，运用asp.net mvc3.0的文本框控件复制代码代码如下: @Html.TextBox（"txt",null, new {@style="width:300;",onkeypress="return RegValidateIsDigit（event）" }）可以看到在文本框中注册了onkeypress事件，当在文本框中输入一个字符按下键盘的时候就会触发该JavaScript的函数复制代码代码如下: <scr...

js图片自动切换效果处理代码

2017年02月06日 18 阅读

复制代码代码如下: <script language =javascript > var curIndex=0; //时间间隔单位毫秒 var timeInterval=1000; var arr=new Array（）; arr[0]="1.jpg"; arr[1]="2.jpg"; arr[2]="3.jpg"; arr[3]="4.jpg"; arr[4]="5.jpg"; arr[5]="6.jpg"; arr[6]="7.jpg"...

JS中的substring和substr函数的区别说明

2017年02月06日 19 阅读

1. 在JS中函数声明: stringObject.substring（start,stop） start是在原字符串检索的开始位置,stop是检索的终止位置,返回结果中不包括stop所指字符. 如："hamburger".substring（4,8） returns "urge" 2. substr（start,length）如：当DETAIL_TYPE 的值为1111053 时， substr（DETAIL_TYPE,1,6） = 111105 从D...

基于JavaScript实现继承机制之调用call（）与apply（）的方法详解

2017年02月06日 21 阅读

call（）方法call（）方法是与经典的对象冒充方法最相似的方法。它的第一个参数用作 this 的对象。其他参数都直接传递给函数自身。例如：复制代码代码如下:function sayHello（sPrefix,sSuffix） { alert（this.name + ”says“ + sPrefix + sSuffix）;};var obj = new Object（）;obj.name = "Tom";sayHello.call（obj, "He...

基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解

2017年02月06日 16 阅读

继承的方式ECMAScript 实现继承的方式不止一种。这是因为 JavaScript 中的继承机制并不是明确规定的，而是通过模仿实现的。这意味着所有的继承细节并非完全由解释程序处理。作为开发者，你有权决定最适用的继承方式。最原始的继承实现方式就是对象冒充，下面着重介绍该方法。对象冒充对象冒充实现继承的核心其实依赖于在函数环境中使用 this 关键字。其原理如下：构造函数使用 this 关键字给所有属性和方法赋值（即采用类声明的构造函数方式）。因为构造函数...

首页 / 脚本样式 / JavaScript

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 类的使用详解

使用Math.floor与Math.random取随机整数的方法详解

JS注册/移除事件处理程序（ExtJS应用程序设计实战）

JavaScript通过RegExp实现客户端验证处理程序

js图片自动切换效果处理代码

JS中的substring和substr函数的区别说明

基于JavaScript实现继承机制之调用call（）与apply（）的方法详解

基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解