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

40个新鲜出炉的jQuery 插件和免费教程[上]

2017年02月06日 18 阅读

但对于 Web 开发人员来说，他们需要掌握编写插件的方法，这样在工作中才能游刃有余。今天这篇文章收集了40个非常棒的 jQuery 插件及其制作教程，这些插件能够为你将来的项目增添各种很炫功能和效果，同时通过详细的制作教程帮助你更加深入的掌握 jQuery 库的使用。 Slidesjs（演示|下载）Beautiful Parallax Slider With jQuery（演示|下载）Sweet Thumbnails Preview Gallery wit...

js+xml生成级联下拉框代码

2017年02月06日 22 阅读

需要默认选中时，定义一个变量 var cityId=城市id 下面是js代码复制代码代码如下: function readxml（） { var XmlDoc = null; if （window.ActiveXObject） { XmlDoc = new ActiveXObject（"Microsoft.XMLDOM"）; XmlDoc.async = false; XmlDoc.load（path + "/web/common/regions.xm...

javascript设计模式封装和信息隐藏（上）

2017年02月06日 20 阅读

本文分上下两部分，上部讲基本模式（basic patterns）：完全暴露法，下划线标记法和使用闭包；下部讲高级模式（Advanced Patterns），如何实现静态方法和属性，常量还有其他一些知识点。封装是面向对象语言很基本也是很有用的特性，虽然javascript也可以称的上是面向对象语言，但他对封装的支持并不是很好，不像其他语言，只要使用private、protected就可以实现。但这并不是说就没有办法了，下面我就介绍下如何在javascr...

javascript设计模式接口介绍

2017年02月06日 21 阅读

这本书中第一个重要的内容就是接口。大家对接口应该都不陌生，简单的说接口就是一个契约或者规范。在强类型的面相对象语言中，接口可以很容易的实现。但是在javascript中并没有原生的创建或者实现接口的方式，或者判定一个类型是否实现了某个接口，我们只能利用js的灵活性的特点，模拟接口。在javascript中实现接口有三种方式：注释描述、属性验证、鸭子模型。 note：因为我看的是英文书，翻译水平有限，不知道有些词汇如何翻译，大家只能领会精神了。 1. 注释...

原生js 秒表实现代码

2017年02月06日 20 阅读

html代码：复制代码代码如下: <！DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <meta charset="gb2312"> <head> <style type="text/css"> #container { margin:0 auto; margin-top:10%; width:200px; } #timer ...

关于JavaScript中原型继承中的一点思考

2017年02月06日 19 阅读

我们先看一段传统的继承代码：复制代码代码如下: //定义超类 function Father（）{ this.name = "父亲"; } Father.prototype.theSuperValue = ["NO1","NO2"]; //定义子类 function Child（）{ } //实现继承 Child.prototype = new Father（）; //修改共享数组 Child.prototype.theSuperValue.push（...

JavaScript中的apply（）方法和call（）方法使用介绍

2017年02月06日 18 阅读

1、每个函数都包含两个非继承而来的方法：apply（）和call（）。 2、他们的用途相同，都是在特定的作用域中调用函数。 3、接收参数方面不同，apply（）接收两个参数，一个是函数运行的作用域（this），另一个是参数数组。call（）方法第一个参数与apply（）方法相同，但传递给函数的参数必须列举出来。例1：复制代码代码如下: window.firstName = "diz"; window.lastName = "song"; var ...

基于jQuery判断两个元素是否有重叠部分的代码

2017年02月06日 20 阅读

核心代码：复制代码代码如下: $（"#result"）.text（isOverlap（"one","two"）+","+isOverlap（"one","three"）+","+isOverlap（"two","three"））; function isOverlap（idOne,idTwo）{ var objOne=$（"#"+idOne）, objTwo=$（"#"+idTwo）, offsetOne = objOne.offset（）, offs...

基于jquery的多功能软键盘插件

2017年02月06日 18 阅读

支持查询功能的键盘和简单得软键盘，键盘样式完全在独立的css文件中定义，可以自行美化。（支持从查询的软键盘）（简单的软件盘）插件的默认参数复制代码代码如下: jquery.fn.softkeyboard.defaults = { names: { _delbtn: "skbdel", _clearbtn: "skbclear", _querybtn: "skbquery", _closebtn: "skbclose", _letterbtn: "s...

基于jquery的动画效果代码

2017年02月06日 22 阅读

jquery动画有意思的地方见效果图：思想：将图片设置分割div的背景图片，控制div的属性，可以现实有趣的滤镜效果，本例中展示了一种，感兴趣的朋友可以尝试其他滤镜的实现。本例其余动画部分，主要是利用jquery中提供animate和delay实现。 animate：这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性。 delay：设置一个延时来推迟执行队列中之后的项目。实例效果： jquer...

浅谈javascript的原型继承

2017年02月06日 20 阅读

请看源码：复制代码代码如下: function clone（o） { var F = function（）{}; F.prototype = o; return new F（）; } 首先看ext（4.1的1896行开始）的原型式继承。复制代码代码如下: var TemplateClass = function（）{}; var ExtObject = Ext.Object = { chain: function （object） { Templ...

javascript小组件原生table排序表格脚本（兼容ie firefox opera chrome）

2017年02月06日 21 阅读

首先创建html页面为sort.html ，并把下面的内容复制进去复制代码代码如下: <！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"> <hea...

基于jquery实现的一个选择中国大学的弹框（数据、步骤、代码）

2017年02月06日 20 阅读

1. 数据一共包含了全国3049所大学, 从人人网拷贝的（仅供学习交流, 请勿用于商业项目）, 这是一个脚本文件, 里含的JSON对象存储了学校的信息, 格式为: 复制代码代码如下: var schoolList=[ { "id":1, //省份id "school": [ { "id": 1001, //学校id "name": "u6e05u534eu5927u5b66" //学校名称 } /.... ], //这个省的学校 "name": "u...

了解一点js的Eval函数

2017年02月06日 22 阅读

复制代码代码如下: <title>无标题文档</title> <script language="javascript" type="text/javascript"> //eval（vable）能是把对应的字符串解析成JS代码并运行即:可以把一个字符串当作一个JavaScript表达式一样去执行它。 function Eval1（）{ alert（"Eval1"）; } function Eval2（）{ alert...

13 个JavaScript 性能提升技巧分享

2017年02月06日 19 阅读

Daniel Clifford 在 Google I/O 2012 上做了一个精彩的演讲“Breaking the JavaScript Speed Limit with V8”。在演讲中，他深入解释了13个简单的代码优化方法，可以让你的代码在 Chrome 的 V8 JavaScript 引擎编译/运行你的 JavaScript 代码更加快速。在演讲中，他解释了怎么优化，并且解释了原因。下面简明的列出了优化的要点： 1. 在构造函数中初始化所有的对象...

JavaScript中的私有/静态属性介绍

2017年02月06日 24 阅读

•模拟块级作用域大家都知道在JavaScript中没有块级作用域的概念，我们可以通过使用闭包来模拟实现块级作用域，看下面的示例：复制代码代码如下: （function （） { for （var i = 0; i < 10; i++） { //Do Nothing } alert（i）; //输出10 }）（）; 第6行可以访问到for循环块中的变量i，如果我们稍微修改以上代码，把for循环块放置在闭包中，情况就不一样了：复制代...

artDialog 4.1.5 Dreamweaver代码提示/补全插件附下载

2017年02月06日 22 阅读

artDialog是一个轻巧且高度兼容的javascript对话框组件，可让你的网页交互拥有桌面软件般的用户体验。 artDialog的特殊UI框架能够适应内容变化，甚至连外部程序动态插入的内容它仍然能自适应，因此你不必去考虑消息内容尺寸使用它。它的消息容器甚至能够根据宽度让文本居中或居左对齐——这一切全是XHTML+CSS原生实现。为了方便使用，特别制作出artDialog Dreamweaver代码提示的插件。代码提示效果如下：使用方法：把art...

jQuery.each（）用法分享

2017年02月06日 19 阅读

例遍数组，同时使用元素索引和内容。（i是索引，n是内容）复制代码代码如下: $.each（ [0,1,2], function（i, n）{ alert（ "Item #" + i + ": " + n ）; }）; 例遍对象，同时使用成员名称和变量内容。（i是成员名称，n是变量内容）复制代码代码如下: $.each（ { name: "John", lang: "JS" }, function（i, n）{ alert（ "Name: " + ...

基于jQuery的动态增删改查表格信息，可左键/右键提示（原创自Zjmainstay）

2017年02月06日 21 阅读

在线演示： http://demo.jb51.net/js/2012/jqueryAutoAddDeleteTableTr/jqueryAutoAddDeleteTableTr_leftClick.html//左键复制代码代码如下: <html> <head> <title>jQuery 动态增删表格</title> <meta http-equiv="Content-Type" content="...

基于jQuery实现的百度导航li拖放排列效果，即时更新数据库

2017年02月06日 21 阅读

index.php中 var autoSave = false; 控制不自动提交。 index.php 复制代码代码如下: <？php require "db.php"; $query = "SELECT `id`,`order`,`name` FROM `limove` ORDER BY `order`"; $lis = mysql_query（$query,$conn）; $li_count = mysql_num_rows（$lis）; ？&...

首页 / 脚本样式 / JavaScript

40个新鲜出炉的jQuery 插件和免费教程[上]

js+xml生成级联下拉框代码

javascript设计模式 封装和信息隐藏（上）

javascript设计模式 接口介绍

原生js 秒表实现代码

关于JavaScript中原型继承中的一点思考

JavaScript中的apply（）方法和call（）方法使用介绍

基于jQuery判断两个元素是否有重叠部分的代码

基于jquery的多功能软键盘插件

基于jquery的动画效果代码

浅谈javascript的原型继承

javascript小组件 原生table排序表格脚本（兼容ie firefox opera chrome）

基于jquery实现的一个选择中国大学的弹框 （数据、步骤、代码）

了解一点js的Eval函数

13 个JavaScript 性能提升技巧分享

JavaScript中的私有/静态属性介绍

artDialog 4.1.5 Dreamweaver代码提示/补全插件 附下载

jQuery.each（）用法分享

基于jQuery的动态增删改查表格信息，可左键/右键提示（原创自Zjmainstay）

基于jQuery实现的百度导航li拖放排列效果，即时更新数据库

javascript设计模式封装和信息隐藏（上）

javascript设计模式接口介绍

javascript小组件原生table排序表格脚本（兼容ie firefox opera chrome）

基于jquery实现的一个选择中国大学的弹框（数据、步骤、代码）

artDialog 4.1.5 Dreamweaver代码提示/补全插件附下载