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

有关JavaScript的10个怪癖和秘密分享

2016年07月27日 5 阅读

原文作者：Andy Croxall原文链接：Ten Oddities And Secrets About JavaScript翻译编辑：张鑫旭数据类型和定义 1. Null是个对象 JavaScript众多类型中有个Null类型，它有个唯一的值null, 即它的字面量，定义为完全没有任何意义的值。其表现得像个对象，如下检测代码：复制代码代码如下: alert（typeof null）; //弹出 "object" 如下截图：尽管typeo...

Javascript继承机制的设计思想分享

2016年07月27日 6 阅读

我一直很难理解Javascript语言的继承机制。它没有"子类"和"父类"的概念，也没有"类"（class）和"实例"（instance）的区分，全靠一种很奇特的"原型链"（prototype chain）模式，来实现继承。我花了很多时间，学习这个部分，还做了很多笔记。但是都属于强行记忆，无法从根本上理解。直到昨天，我读到法国程序员Vjeux的解释，才恍然大悟，完全明白了Javascript为什么这样设计。下面，我尝试用自己的语言，来解释...

Javascript 面向对象编程（一）封装

2016年07月27日 5 阅读

学习Javascript，最难的地方是什么？我觉得，Object（对象）最难。因为Javascript的Object模型很独特，和其他语言都不一样，初学者不容易掌握。下面就是我的学习笔记，希望对大家学习这个部分有所帮助。我主要参考了以下两本书籍：《面向对象的Javascript》（Object-Oriented JavaScript）《Javascript高级程序设计（第二版）》（Professional JavaScript for Web Develo...

Javascript面向对象编程（二）构造函数的继承

2016年07月27日 7 阅读

今天要介绍的是，如何生成一个"继承"多个对象的实例。比如，现在有一个"动物"对象的构造函数，复制代码代码如下: function Animal（）{ this.species = "动物"; } 还有一个"猫"对象的构造函数，复制代码代码如下: function Cat（name,color）{ this.name = name; this.color = color; } 怎样才能使"猫"继承"动物"...

Javascript面向对象编程（三）非构造函数的继承

2016年07月27日 5 阅读

今天是最后一个部分，介绍不使用构造函数实现"继承"。一、什么是"非构造函数"的继承？比如，现在有一个对象，叫做"中国人"。复制代码代码如下: var Chinese = { nation:"中国" }; 还有一个对象，叫做"医生"。复制代码代码如下: var Doctor ={ career:"医生" } 请问怎样才能让"医生"去继承"中国人"，也就是说，我怎样才能生成一个"中国医生"的对象？这里要注意，这...

新浪微博字数统计 textarea字数统计实现代码

2016年07月27日 5 阅读

复制代码代码如下: /* * 从新浪微博上抄的 * */ var getLength = （function（）{ var trim = function（h） { try { return h.replace（/^s+|s+$/g, ""） } catch（j） { return h } } var byteLength = function（b） { if （typeof b == "undefined"） { return 0 } var a = ...

非常强大的 jQuery.AsyncBox 弹出对话框插件

2016年07月27日 6 阅读

复制代码代码如下: <link href="asyncbox/skins/ZCMS/asyncbox.css" rel="stylesheet" type="text/css" /> <script src="asyncbox/jQuery.v1.4.2.js" type="text/javascript"></script> <script src="asyncbox/AsyncBox.v1.4.js" typ...

dojo学习第二天 ajax异步请求之绑定列表

2016年07月27日 6 阅读

用户不喜欢滚动条，于是我们做成了选项卡切换，用户不喜欢刷新页面，于是我们就要使用ajax了，前些年，几乎每个web端开发人员，都以懂得一点点ajax而自豪，但知道使用ajax是远远不够的，因为技术是为人而服务的，不能滥用技术，你总不能为了验证一个文本框textbox而去异步请求一次。我还遇到过有人，更新用户信息的时候，使用ajax更新，用户信息中的图片，又使用回发来更新，一个更新中，先ajax卡在那，然后再回发，你说这是多么2的行为？这种人还不少，我还遇到...

javascript 原型继承介绍

2016年07月27日 5 阅读

暑假还搞了ext4的web desktop，更多的也是javascript的东西。对于javascript，以前就只会document.getElementById（）和alert（），现在才开始慢慢深入了解。如果本文有什么不对的地方，请指出。关于javasript，它是基于对象的，因此，它没有类的概念，所以，如果要实现继承，也就只能是利用javascript的原型机制prototype去实现了。（其实这里是错的，感谢 @记忆的森林的提示，还可以用ap...

JS 无限级 Select效果实现代码（json格式）

2016年07月27日 6 阅读

演示地址: http://demo.jb51.net/js/2011/js_select/index.htm数据复制代码代码如下: var data=[ {id:1,name:"前端开发",pid:0}, {id:2,name:"CSS",pid:1}, {id:3,name:"JS",pid:1}, {id:4,name:"HTML",pid:1}, {id:5,name:"数据库",pid:0}, {id:6,name:"SQLServer",pi...

用javascript作一个通用向导说明

2016年07月27日 6 阅读

1、界面设计 index.html:只提供了一个向导显示位置的占位符复制代码代码如下: <html> <head> <title>礼物推荐向导</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="st...

jquery 简短几句代码实现给元素动态添加及获取提示信息

2016年07月27日 5 阅读

还是要首先引用JQ框架。然后来看看效果：（连接添加不上）只能暂时看哈图片，具体效果可参见我博客左方“My Box”中的“玩游戏”：下面代码中有具体注释。再来看看代码：复制代码代码如下: <div id="_gameinfo" style="width:158px; border:1px #FFC solid; background-color:#FFF; position:fixed; z-index:101; display:none;...

jQuery1.6 类型判断实现代码

2016年07月27日 10 阅读

首先定义了全局变量class2type = {}; rdigit = /d/,//正则判断是否是数字 toString = Object.prototype.toString; 通过jQuery.each，定义class2type的属性和值：复制代码代码如下: jQuery.each（"Boolean Number String Function Array Date RegExp Object".split（" "）, function（i, ...

基于jquery的loading 加载提示效果实现代码

2016年07月27日 6 阅读

loading 加载提示 ······ 透明遮罩居中复制代码代码如下: body{ margin: 0; font-size: 12px; line-height: 100%; font-family: Arial, sans-serif; } .background { display: block; width: 100%; height: 100%; opacity: 0.4; filter: alpha（opacity=40）; backg...

基于jQuery+HttpHandler实现图片裁剪效果代码（适用于论坛, SNS）

2016年07月27日 6 阅读

正文:为了使层次分明及便于阅读, 整个解决方案如下:其中BitmapCutter.Core是图片的服务器端处理程序, 类图为:简单说明下, 更多说明可查看源码注释 :Cutter为裁剪对象, 用于存储客户端通过AJAX提交的数据.Helper为图片处理类, 包括图片翻转（RotateImage（））, 图片裁剪（GenerateBitmap（））.Callback为服务器端图片处理类, 通过使用Cutter封装客户端AJAX提交的数据, 然后调用Helpe...

25个非常棒的jQuery滑块插件和教程小结

2016年07月27日 7 阅读

1.Create a Slick and Accessible Slideshow Using jQuery效果演示2.Create an Image Rotator with Description （CSS/jQuery）效果演示3.A Beautiful Apple-style Slideshow Gallery With CSS & jQuery效果演示4.Fancy Thumbnail Hover Effect w/ jQuery效果演示5.Si...

简短几句jquery代码的实现一个图片向上滚动切换

2016年07月27日 5 阅读

animate（）参数介绍： animate（）方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。只有数字值可创建动画（比如 "margin:30px"）。字符串值无法创建动画（比如 "background-color:red"）。 PS:但是如果你引用了最新jquery ui框架的话backgroudColor,color之类的属性也可以实现渐变了。 PS：...

Javascript变量函数浅析

2016年07月27日 5 阅读

一、变量在javascript变量中可以存放两种类型的值：原始值和引用值。原始值存储在栈上的简单字段，也就是值直接存储在变量所标示的位置内。引用值存储在堆内的对象，栈内变量保存的是指向堆内对象的指针值。在javascript中有5种基本类型：Undefined,Null,Boolean,Number,String。引用类型其实就是对象，类似其他语言中类实例的概念。复制代码代码如下: var b = true; // 存储在栈上 var num...

Jquery 一次处理多个ajax请求的代码

2016年07月27日 11 阅读

复制代码代码如下: $（document）.ready（function （） { $（"#getsetgo"）.click（function （） { $.when（$.ajax（"page1.php"）, $.ajax（"page2.php"））.done（function（a1, a2）{ $（"#id1"）.html（a1[0]）; $（"#id2"）.html（a2[0]）; }）; }）; }）; jquery 1.5发布后，其中新增加方法...

jQuery验证Checkbox是否选中的代码推荐

2016年07月27日 6 阅读

一般人验证估计都是想到这种方法：复制代码代码如下: function chk（） //是否被选中验证有选中的return true,否return false { var falg = 0; $（"input[name=cbname]:checkbox"）.each（function（）{ if（$（this）.attr（"checked"）） // 这里可以用 if（$（"#cr"）.is（":checked"）） { falg +=1; // 这里...

首页 / 脚本样式 / JavaScript

有关JavaScript的10个怪癖和秘密分享

Javascript继承机制的设计思想分享

Javascript 面向对象编程（一） 封装

Javascript面向对象编程（二） 构造函数的继承

Javascript面向对象编程（三） 非构造函数的继承

新浪微博字数统计 textarea字数统计实现代码

非常强大的 jQuery.AsyncBox 弹出对话框插件

dojo学习第二天 ajax异步请求之绑定列表

javascript 原型继承介绍

JS 无限级 Select效果实现代码（json格式）

用javascript作一个通用向导说明

jquery 简短几句代码实现给元素动态添加及获取提示信息

jQuery1.6 类型判断实现代码

基于jquery的loading 加载提示效果实现代码

基于jQuery+HttpHandler实现图片裁剪效果代码（适用于论坛, SNS）

25个非常棒的jQuery滑块插件和教程小结

简短几句jquery代码的实现一个图片向上滚动切换

Javascript变量函数浅析

Jquery 一次处理多个ajax请求的代码

jQuery验证Checkbox是否选中的代码 推荐

Javascript 面向对象编程（一）封装

Javascript面向对象编程（二）构造函数的继承

Javascript面向对象编程（三）非构造函数的继承

jQuery验证Checkbox是否选中的代码推荐