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

javascript 面向对象编程基础：封装

2016年07月27日 8 阅读

很长一段时间以来（这里本人要幸灾乐祸地说），js是“一种点缀的作用，完成很有限的功能，诸如表单验证之类，其语言本身也一直被当作过程化的语言使用，很难完成复杂的功能。”。但是（这里本人要苦大仇深、痛心疾首地说），“而Ajax的出现使得复杂脚本成为必需的组成部分，这就对 JavaScript 程序设计提出了新的要求，很多Ajax应用开始利用JavaScript面向对象的性质进行开发，使逻辑更加清晰。事实上，JavaScript 提供了完善的机制来实现面向对象的...

javascript 面向对象编程基础：继承

2016年07月27日 6 阅读

我们看到这里继承的概念是多么的直白，“拷贝一个类的prototype 到另外一个类”，好，Code is cheap，看代码： function class1（） { } function class2（） { } class2.prototype = class1.prototype; class2.moreProperty1 = " class 2 additional string " ; class2.moreMethod1 = function ...

javascript 面向对象编程基础多态

2016年07月27日 7 阅读

Javascript已经可以模拟出面向对象的封装和继承特性，但是不幸的是Javascript对多态特性的支持非常弱！其它面向对象语言的多态一般都由方法重载和虚方法来实现多态，Javascript也通过这两种途径来实现！重载：由于Javascript是弱类型的语言，而且又支持可变参数，当我们定义重载方法的时候，解释器无法通过参数类型和参数个数来区分不同的重载方法，因此方法重载是不被支持的！当先后定义了同名的方法的时候，后定义的方法会覆盖先定义的方法！既然...

自己的js工具_Form 封装

2016年07月27日 7 阅读

复制代码代码如下:/**Form对象封装了常用表单操作, Form.isChinese（str）;验证str是否为中文 Form.urlEncode（str）;url编码 Form.getFormElements（formid）; 获取表单的元素数组最常用的方法 Form.getForm（formid）; 获取表单的数据字符串 */ var Form=function（）{ //中文 this.isChinese=function（str）{ ret...

自己的js工具 Cookie 封装

2016年07月27日 7 阅读

这个时候我们最好是将cookie操作封装起来,便于重用啊 ===================== 复制代码代码如下: /** 类 Cookie 将此类放入用到的js文件中即可使用 1.add（name,value,100）; 添加一个cookie 2.get（name）; 3.remove（name）; 用例: Cookie.add（"sk","ss",3）; alert（cookie.get（"sk"））; Cookie.remove（"sk"）;...

自己的js工具 Event封装

2016年07月27日 7 阅读

因为ie的event是全局的而firefox的event是局部的,用起来不太方便,这个时候我们就要自己组装一下常用的event操作了,封装成类便于重用复制代码代码如下:/** 类 Event 用法: Event.getEvent（）;获取 ie,firefox的event Event.getTarget（）;获取ie的srcElement或firefox的target Event.isIe（）;是否为ie Event.clientX（）; 获取ie,fo...

获取HTML DOM节点元素的方法的总结

2016年07月27日 9 阅读

令人欣慰的是，使用JavaScript获取节点的方法有很多种，这里简单做一下总结（以下方法在IE7和Firefox2.0.0.11测试通过）： 1. 通过顶层document节点获取：（1） document.getElementById（elementId）：该方法通过节点的ID，可以准确获得需要的元素，是比较简单快捷的方法。如果页面上含有多个相同id的节点，那么只返回第一个节点。如今，已经出现了如prototype、Mootools等多个JavaS...

ext checkboxgroup 回填数据解决

2016年07月27日 11 阅读

重写复制代码代码如下: //解决checkboxgroup回填数据问题 Ext.override（Ext.form.BasicForm,{ findField : function（id）{ var field = this.items.get（id）; if（！field）{ this.items.each（function（f）{ if（f.isXType（"radiogroup"）||f.isXType（"checkboxgroup"））{ f....

图片展示效果鼠标经过变大图，支持FF

2016年07月27日 8 阅读

5 HTML { OVERFLOW: hidden } BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #000; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 815px; CURSOR: crosshair; PADDING-TOP: 0px; POSITION: absolute; HEIGHT: 230px } #box { BORDER-...

JavaScript 语言精粹学习笔记第1/2页

2016年07月27日 7 阅读

非常好的想法包括函数，弱类型，动态对象和一个富有表现力的对象字面量的表示法，坏的想法包括基于全局变量的编程模型。 JavaScript的函数是基于词法作用域的顶级对象。Javascript是第一个成为主流的Lambda语言。相对于Java而言，JavaScript于Lisp和Scheme有更多的共同点。它是披着C外衣的Lisp。这使得JavaScript成为一个非常强大的语言。现在大部分变成语言都流行要求强类型。其原理在于强类型允许编译器在编译时检查错...

可拖动可改变大小div的实现代码

2016年07月27日 7 阅读

Dialog .dialogcontainter{height:400px; width:400px; border:1px solid #14495f; position:absolute; font-size:13px;} .dialogtitle{height:26px; width:auto; background-image:url（"http://files.jb51.net/file_images/200908/103444839.p...

有关div页面拖动、缩放、关闭、遮罩效果代码

2016年07月27日 8 阅读

UntitledDocument #rRightDown,#rLeftDown,#rLeftUp,#rRightUp,#rRight,#rLeft,#rUp,#rDown{ position:absolute; background:#00F; width:3px; height:3px; z-index:6; font-size:0; } #rLeftDown,#rRightUp{cursor:ne-resize;} #rRightDown,#rL...

JQuery this 和 $（this）的区别

2016年07月27日 10 阅读

What is "this"？ In many object-oriented programming languages, this （or self） is a keyword which can be used in instance methods to refer to the object on which the currently executing method has been invoked. 复制代码代码如下: $（"#textb...

JS 时间显示效果代码

2016年07月27日 11 阅读

复制代码代码如下: function settime（） { var myyear,mymonth,myweek,myday,mytime,mymin,myhour,mysec; var mydate=new Date（）; myyear=mydate.getFullYear（）; mymonth=mydate.getMonth（）; myday=mydate.getDate（）; myhour=mydate.getHours（）; mymin=myda...

jquery 表单进行客户端验证demo

2016年07月27日 8 阅读

复制代码代码如下:<%@ page language="java" pageEncoding="gbk"%> <html> <head> <title>jqueryValidateDemo</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/ja...

JS 获取span标签中的值的代码支持ie与firefox

2016年07月27日 8 阅读

ie支持outerText，firefox支持textContent复制代码代码如下:if （isIE） { var spanTest=document.getElementById（"spanTest"）; spanValue = spanTest.outerText; } else { spanValue = spanTest.textContent; } ...

JavaScript 获取用户客户端操作系统版本

2016年07月27日 8 阅读

下午去了趟用户现场，感觉此问题确实比较蹊跷，最后发现出问题的电脑是WIN 2000的操作系统，感觉问题症结可能就在此处，上网google一下，发现原来Media Player 11不支持Win2000系统，需要针对用户操作系统版本判断用户下载播放器版本，让Win2000用户下载Media Player 9即可。好了，问题原因找到了，解决问题就是很简单的事情了。下面主要说一下用JavaScript如何判断用户操作系统及版本。关键部分： window.n...

可以读取EXCEL文件的js代码第1/2页

2016年07月27日 11 阅读

首页给个有中文说明的例子，下面的例子很多大家可以多测试。复制代码代码如下:<script language="javascript" type="text/javascript"><！-- function readExcel（） { var excelApp; var excelWorkBook; var excelSheet; try{ excelApp = new ActiveXObject（"Excel.Application"...

JS去除字符串的空格增强版（可以去除中间的空格）

2016年07月27日 9 阅读

javascript trim 去空格函数实现代码http://www.jb51.net/article/16250.htm下面是增强版本复制代码代码如下:// 功能: 1）去除字符串前后所有空格 // 2）去除字符串中所有空格（包括中间空格,需要设置第2个参数为:g） function Trim（str,is_global） { var result; result = str.replace（/（^s+）|（s+$）/g,""）; if（is_glo...

javascript 随机广告代码（图片广告）

2016年07月27日 8 阅读

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]这个里面有个不错的随机函数代码，具体的没看懂。知道的朋友可以回复下。复制代码代码如下:function rnd（） { var ia=9301; var ic=49297; var im=233280; sec = （sec*ia+ic） % im; return sec/（im*1.0）; }; ...

首页 / 脚本样式 / JavaScript

javascript 面向对象编程基础：封装

javascript 面向对象编程基础：继承

javascript 面向对象编程基础 多态

自己的js工具_Form 封装

自己的js工具 Cookie 封装

自己的js工具 Event封装

获取HTML DOM节点元素的方法的总结

ext checkboxgroup 回填数据解决

图片展示效果 鼠标经过变大图，支持FF

JavaScript 语言精粹学习笔记第1/2页

可拖动可改变大小div的实现代码

有关div页面拖动、缩放、关闭、遮罩效果代码

JQuery this 和 $（this） 的区别

JS 时间显示效果代码

jquery 表单进行客户端验证demo

JS 获取span标签中的值的代码 支持ie与firefox

JavaScript 获取用户客户端操作系统版本

可以读取EXCEL文件的js代码第1/2页

JS去除字符串的空格增强版（可以去除中间的空格）

javascript 随机广告代码（图片广告）

javascript 面向对象编程基础多态

图片展示效果鼠标经过变大图，支持FF

JQuery this 和 $（this）的区别

JS 获取span标签中的值的代码支持ie与firefox