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

基于jquery & json的省市区联动代码

2017年02月06日 18 阅读

效果演示： html代码：复制代码代码如下: <！DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>省市区联动</title> <script src="/Scripts/jquery.min.js" type="text/javascript"></script> <script ...

JS时间选择器兼容IE6,7,8,9

2017年02月06日 19 阅读

在线演示： http://demo.jb51.net/js/2012/js_date/复制代码代码如下: <html> <head> <title>Js日期选择器并自动加入到输入框中</title> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> <script type="text/javascrip...

浅谈Javascript事件模拟

2017年02月06日 24 阅读

这就意味着会有适当的事件冒泡，并且浏览器会执行分配的事件处理程序。这种能力在测试web应用程序的时候，是非常有用的，在DOM 3级规范中提供了方法来模拟特定的事件，IE9 chrome FF Opera 和 Safari都支持这样的方式，在IE8及以前的办法的IE浏览器有他自己的方式来模拟事件 a）Dom 事件模拟可以通过document上的createEvent（）方法，在任何时候创建事件对象，此方法只接受一个参数，既要创建事件对象的事件字符串，在...

浅谈Javascript鼠标和滚轮事件

2017年02月06日 21 阅读

a）鼠标事件鼠标事件也许是web页面当中最常用到的事件，因为鼠标是最常用的导航设备，在DOM3级事件上定义了9个鼠标事件，分别为： click：当用户点击鼠标主键通常是指鼠标左键或按回车键时触发。 dbclick：当用户双击鼠标主键时发生触发，这个事件并没有在DOM2级事件中定义但是却被普遍支持了，后来在DOM3级中得到了标准化。 mousedown：当用户按下鼠标任意一个键都会触发，这个事件是不能够通过键盘触发的。 mousee...

UI Events 用户界面事件

2017年02月06日 25 阅读

UI Events并不是直接与用户行为相关，UI Event 包括如下： DomActivate：当元素被用户的某些行为激活时，触发该事件，例如用户的鼠标或者键盘事件。这一事件在DOM3级事件中被废弃了，FF2+和chrome支持，犹豫跨浏览器实现机制的不同，不推荐使用这个事件。 load：在window对象上触发是当页面加载完毕之后触发的，在frameset 是当所有的frames都加载完毕之后触发，当指img标签时，是指图片加载完毕之后等等。 ...

跨浏览器的事件对象介绍

2017年02月06日 21 阅读

复制代码代码如下: var eventUtil = { getEvent : function（event）{ return event ？ event : window.event; }; getTarget : function（event）{ return event.target || event.srcElement; }; preventDefault : function（event）{ if（event.preventDefault）{ ...

IE事件对象（The Internet Explorer Event Object）

2017年02月06日 22 阅读

看下面的例子，复制代码代码如下: var btn ＝ document.getElementById（"mybtn"）; btn.onclick = function（）{ var event = window.event; alert（event.type）;//"click" } 此时，event对象来源于window.event对象，并且之后又用于确定事件类型。然而，当eventHandler 通过attachE...

jquery 获取自定义属性（attr和prop）的实现代码

2017年02月06日 21 阅读

1. attr（属性名） //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined ） 2. attr（属性名, 属性值） //设置属性的值（为所有匹配的元素设置一个属性值。） 3. attr（属性名,函数值） //设置属性的函数值（为所有匹配的元素设置一个计算的属性值。不提供值，而是提供一个函数，由这个函数计算的值作为属性值。） 4.attr（proper...

javascript 事件处理程序介绍

2017年02月06日 21 阅读

1、DOM0级事件处理程序将一个函数值给一个事件处理程序属性。例如：复制代码代码如下: var btn = document.getElementById（"myBtn"）; btn.onclick = funtion（）{ alert（this.id）; //"myBtn" } 删除事件，btn.onclick = null; -----------------------------------------------------------...

浅谈Javascript事件处理程序的几种方式

2017年02月06日 20 阅读

事件就是用户或浏览器自身执行的某种动作。比如说click,mouseover，都是事件的名字。而相应某个事件的函数就叫事件处理程序（或事件侦听器）。为事件指定处理程序的方式有好几种。一：HTML事件处理程序。如: 复制代码代码如下: <script type="text/javascript"> function show（）{ alert（"hello world！"）; } </script> <input type...

jQuery.extend 函数的详细用法

2017年02月06日 22 阅读

Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。 Jquery的扩展方法原型是: extend（dest,src1,src2,src3...）; 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后，是修改了dest的结构的。如果想要得到合并的结果却又不想修改dest的结构，可以如下使用： var newSrc=$.ext...

妙用Jquery的val（）方法

2017年02月06日 20 阅读

看下面的一个例子：复制代码代码如下: <input type="text" id="address" value="请输入邮箱地址"/> <br/><br/> <input type="text" id="password" value="请输入邮箱密码"/> <br/><br/> <input type="button" value="登陆"/> 代码：复制代码 ...

Javascript的各种节点操作实例演示代码

2017年02月06日 21 阅读

代码如下：复制代码代码如下: <！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="Javascrip...

Fixie.js 自动填充内容的插件

2017年02月06日 21 阅读

Fixie.js是一个自动填充HTML文档内容的开源工具官方网址地址：http://fixiejs.com/ Fixie.js 下载地址 fixie_jb51.rar为什么使用Fixie？当我们设计网站的时候，由于无法确定最终填充的内容，经常需要添加一写lorem ipsum（关于Lorem ipsum）到页面里面来预览一下页面的展现效果。问题来了，添加过多的无聊的内容，使得我们的HTML文档变得臃肿，并且陷入复制-粘贴，手工编辑的毅种循环中。 Fi...

JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载

2017年02月06日 21 阅读

JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载以前对于JavaScript总是在用到的时候在页面上写几个函数，基本没考虑到函数的封装与重用，最近有个项目可能对于这方面要求有点高，所以就研究了下类似jQuery的封装。这里就图片等比缩放以及预加载的效果来尝试下，写写类似的JavaScript代码。图片等比缩放以及预加载的效果如下（预加载效果有时候会不是很明显）： JS主要代码如下：复制代码代码如下: （function（）...

js中判断数字字母中文的正则表达式（实例）

2017年02月06日 22 阅读

/* 判断指定的内容是否为空，若为空则弹出警告框 */ function isEmpty（theValue, strMsg）{ if（theValue==""）{ alert（strMsg+"不能为空！"）; return true; } return false; } /* 中文判断函数，允许生僻字用英文“*”代替返回true表示是符合条件，返回false表示不符合 */ function isChinese（str）{ var badChar ="...

JavaScript中的面向对象介绍

2017年02月06日 20 阅读

对象创建对象构造函数公有、私有、特权、静态成员 this、call和apply 异常处理继承原型对象在JavaScript，可以说everything is object，那么什么是对象？对象就是包含一组变量和函数的集合。在其它面向对象语言中对象是由类的实例化而来，JavaScript是基于原型的面向对象语言，没有类的概念，对象派生自现有对象的副本。JavaScript中对象可以分为两类：Function和Object。创建对象为了提高...

JavaScript中的作用域链和闭包

2017年02月06日 24 阅读

作用域全局作用域局部作用域作用域链执行上下文活动对象闭包闭包优化 JavaScript中出现了一个以前没学过的概念——闭包。何为闭包？从表面理解即封闭的包，与作用域有关。所以，说闭包以前先说说作用域。作用域（scope）通常来说一段程序代码中使用的变量和函数并不总是可用的，限定其可用性的范围即作用域，作用域的使用提高了程序逻辑的局部性，增强程序的可靠性，减少名字冲突。全局作用域（Global Scope）在代码中任何地方都能访问到的对...

JavaScript中的细节分析

2017年02月06日 24 阅读

JavaScript区分大小写：在JavaScript中变量、函数都是区分大小写的，例如：复制代码代码如下: function myfunction（）{}和 function myFunction（）{}不同 JavaScript中核心对象Array、Object等也是区分大小写。单引号和双引号：这个问题在学SQLServer拼接字符串"select * from page where name="lida""时就有疑惑：后面都的三个"到底是双引...

jquery 实现表单验证功能代码（简洁）

2017年02月06日 19 阅读

1. 页面效果，自动提示验证信息... 2. 页面代码复制代码代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>表单验证页面</title> <link href="../Scripts/themes/default/easyui.css" rel="stylesheet" type="text/css" /> &l...

首页 / 脚本样式 / JavaScript

基于jquery &amp; json的省市区联动代码

JS时间选择器 兼容IE6,7,8,9

浅谈Javascript事件模拟

浅谈Javascript鼠标和滚轮事件

UI Events 用户界面事件

跨浏览器的事件对象介绍

IE事件对象（The Internet Explorer Event Object）

jquery 获取自定义属性（attr和prop）的实现代码

javascript 事件处理程序介绍

浅谈Javascript事件处理程序的几种方式

jQuery.extend 函数的详细用法

妙用Jquery的val（）方法

Javascript的各种节点操作实例演示代码

Fixie.js 自动填充内容的插件

JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载

js中判断数字字母中文的正则表达式 （实例）

JavaScript中的面向对象介绍

JavaScript中的作用域链和闭包

JavaScript中的细节分析

jquery 实现表单验证功能代码（简洁）

基于jquery & json的省市区联动代码

JS时间选择器兼容IE6,7,8,9

js中判断数字字母中文的正则表达式（实例）