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

ExtJS 学习专题（一）如何应用ExtJS（附实例）

2017年02月06日 23 阅读

要使用ExtJS，先要得到ExtJS库文件，ExtJS库文件可以到ExtJS官网下载，地址是www.extjs.com/products/gxt/download.php，把下载得到的ZIP压缩文件解压缩到【D:ExtCode】目录下，可以得到以下内容。 adapter：负责将里面提供第三方底层库（包括Ext自带的底层库）映射为Ext所支持的底层库。 build：压缩后的ext全部源码（里面分类存放）。 docs： API帮助文档。 exma...

javascript 不用reverse实现字符串反转的代码

2017年02月06日 20 阅读

function reverse（） { var str=document.getElementById（"input"）.value; var a=str.split（""）; var result=new Array（）; while（a.length） { result.push（a.pop（））; } document.getElementById（"result"）.innerHTML=result.join（""）; } javascr...

JQuery Ajax 跨域访问的解决方案

2017年02月06日 23 阅读

具体情况有: 一、本域和子域的相互访问: http://www.aa.com/和book.aa.com 二、本域和其他域的相互访问: http://www.aa.com/和http://www.bb.com/ 用 iframe 三、本域和其他域的相互访问: http://www.aa.com/和http://www.bb.com/ 用 XMLHttpRequest访问代理四、本域和其他域的相互访问: http://www.aa.com/和http://w...

javascript 图片上一张下一张链接效果代码

2017年02月06日 24 阅读

贴个实现方法：代码复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>无标题...

jQuery 点击图片跳转上一张或下一张功能的实现代码

2017年02月06日 24 阅读

复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content...

javascript offsetX与layerX区别

2017年02月06日 27 阅读

一个简单的例子：判断鼠标位于事件源左边还是右边，在图片点击自动翻页中常用到。复制代码代码如下: function GetMousePosStr （evnt,ele） { if（！evnt） { evnt = window.event; } var offsetX = evnt.offsetX ？ evnt.offsetX : evnt.layerX; if（evnt.offsetX < ele.offsetWidth / 2） { return ...

JS在IE和FireFox之间常用函数的区别小结

2017年02月06日 26 阅读

1.event.srcElement 复制代码代码如下: //srcElement只能在IE下使用target是FireFox使用的,下面是兼容性写法 var obj = e.srcElement ？ e.srcElement : e.target; 2.e.originalEvent.x 复制代码代码如下: // e.originalEvent.x 只能在IE下使用,FireFox只能使用e.originalEvent.layerX,下面是兼容性写...

clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析

2017年02月06日 25 阅读

screenX:鼠标在显示屏幕上的坐标。 clientX:鼠标在页面显示区域的坐标。注：以上两个都是各浏览器通用的。 pageX:FF特有，鼠标在页面上的位置，从页面左上角开始定位，这个可以很方便在整个页面上进行定位，IE没有直接替换的属性。 layerX:FF特有，鼠标相对于“触发事件的元素的层级关系中离该元素最近的，设置了position的父元素”的边界的位置，从border的左上角开始定位，即如果这个父元素存在border，则坐标原点在border...

JavaScript prototype对象的属性说明

2017年02月06日 25 阅读

一、什么是JavaScript中对象的prototype属性 JavaScript中对象的prototype属性，是用来返回对象类型原型的引用的。我们使用prototype属性提供对象的类的一组基本功能。并且对象的新实例会”继承”赋予该对象原型的操作。但是这个prototype到底是怎么实现和被管理的呢？对于对象的prototype属性的说明，JavaScript手册上如是说：所有 JavaScript内部对象都有只读的 prototype 属性。可以向...

input的focus方法使用

2017年02月06日 24 阅读

复制代码代码如下:<input id=my onchange="focusTest（）;"/> <input id=my onblur="focusTest（）;"/> function focusTest（） { var my=document.getElementById（"my"）; if（my.value=""） { my.focus（）;//如果是onblur则执行，起作用； } } ...

JS 日期操作代码，获取当前日期，加一天，减一天

2017年02月06日 22 阅读

title $ = function（o） { return typeof o === "string" ？ document.getElementById（o） : o }; //设置当前日期 var ma = [["1","3","5","7","8","10"],["4","6","9","11"]]; var dd = new Date（）; var x = dd.toLocaleString（）; var o = pasDate...

两个JavaScript jsFiddle JSBin在线调试器

2017年02月06日 25 阅读

第一个：jsFiddle很强大的JS在线调试工具，支持多种应用多种主流框架，可以在线直接编辑调试：HTML、CSS、JavaScript,用起来非常方便，而且还可以将调试好的结果以非常简洁的页面直接嵌入在其他网页里，这样我需要写演示用的JavaScript实例代码的时候，就完全可以在jsFiddle里面直接完成编写后调试，再将结果直接嵌入Blog正文里即可了，真的是很方便的选择，如下所示（这个例子只能在Firefox里查看Result效果）。第二个：JS ...

使用JavaScript switch case 另类写法

2017年02月06日 24 阅读

习惯了C#的语法，遇到多分支调用的情况，除了最简单的if-else,那么就是switch-case了，所以使用JavaScript的时候就很容易会写出下面这样的代码：复制代码代码如下: // JScript source code //something的值是1、2、3... switch （something） { case 1: todoA（）; break; case 2: todoB（）; break; case 3: todoC（）; bre...

javascript 图片轮换显示效果代码

2017年02月06日 24 阅读

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"; setInterval（changeImg,timeInterval）; function...

jQuery入门第一课 jQuery选择符

2017年02月06日 21 阅读

选择符可以认为是一个增强版的getElementById方法。getElementById方法返回的是一个HTML元素，jQuery选择符返回的是HTML元素的一个包装。利用这个包装集，jQuery赋予了HTML元素更多的可以操作的方法。在JQuery中，处于核心地位的一个函数就是$。对，它就是一个函数，名字有点古怪。这个函数就是选择函数，其一般用法是 var obj=$（selector）; 其中selector是一个字符串,就是下面要着重介绍的选择符。...

jQuery 第二课操作包装集元素代码

2017年02月06日 24 阅读

例如：复制代码代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery Wrapper</title> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript"&g...

jQuery第三课修改元素属性及内容的代码

2017年02月06日 21 阅读

1. 操作属性上文介绍了如何筛选到需要的元素。得到了元素之后就要对其进行操作。一个常见的需求是遍历得到的元素集，对每一个元素进行一个操作。jQuery提供的函数是 each（iterator），其中iterator是一个函数，接受一个整数作为参数，表示第几个元素。看一个简单的例子。复制代码代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>...

javascript 解决表单仍然提交即使监听处理函数返回false

2017年02月06日 24 阅读

复制代码代码如下: <form action="http://www.jb51.net" id="form"> <input type="text" /> <input type="submit" /> </form> <script> var code = function （） { return false; }; var element = window.document.getEleme...

Jquery cookie操作代码

2017年02月06日 24 阅读

用JS写cookies说难也难说简单也简单，说简单就是直接document.cookie=..,直接就写了，说难就是cookies中有的Key已经有了，是想用JS去重写来着这个时候你用document.cookie去写就直接把这个key又重新写了一遍了，有的时候还会发生不能成功写入的情况（有时写需要escape函数的字符会出现，具体原因不清楚），反正就是很麻烦，后来看到有Jquery的cookies插件，感觉不错，但是跟踪调试的时候发现cookies上面还...

Jquery Ajax学习实例向页面发出请求，返回XML格式数据

2017年02月06日 23 阅读

一、AjaxSample.aspx 处理业务数据，产生XML数据，供JqueryRequest.aspx调用，代码如下: 复制代码代码如下: protected void Page_Load（object sender, EventArgs e） { string uid = Request.QueryString["username"]; string pwd = Request.QueryString["password"]; Response.Co...

首页 / 脚本样式 / JavaScript

ExtJS 学习专题（一） 如何应用ExtJS（附实例）

javascript 不用reverse实现字符串反转的代码

JQuery Ajax 跨域访问的解决方案

javascript 图片上一张下一张链接效果代码

jQuery 点击图片跳转上一张或下一张功能的实现代码

javascript offsetX与layerX区别

JS在IE和FireFox之间常用函数的区别小结

clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析

JavaScript prototype对象的属性说明

input的focus方法使用

JS 日期操作代码，获取当前日期，加一天，减一天

两个JavaScript jsFiddle JSBin在线调试器

使用JavaScript switch case 另类写法

javascript 图片轮换显示效果代码

jQuery入门第一课 jQuery选择符

jQuery 第二课 操作包装集元素代码

jQuery第三课 修改元素属性及内容的代码

javascript 解决表单仍然提交即使监听处理函数返回false

Jquery cookie操作代码

Jquery Ajax学习实例 向页面发出请求，返回XML格式数据

ExtJS 学习专题（一）如何应用ExtJS（附实例）

jQuery 第二课操作包装集元素代码

jQuery第三课修改元素属性及内容的代码

Jquery Ajax学习实例向页面发出请求，返回XML格式数据