- 博客(30)
- 收藏
- 关注
RSS订阅原创 javascript中的this到底指什么？
JavaScript：this 是什么？定义：this是包含它的函数作为方法被调用时所属的对象。说明：这句话有点咬嘴，但一个多余的字也没有，定义非常准确，我们可以分3部分来理解它！ 1、包含它的函数。2、作为方法被调用时。3、所属的对象。看例子：function to_green(){<!--CRLF--> this.style.col...
2011-09-19 18:35:47
152
原创 Javascript静态类数组与框架基本实现
先来讲讲静态类数组（类数组）： JavaScript是一个弱类型的语言，但是我们可以通过不同的方式来侧面的实现类的创建，不管是工厂函数、函数原型还是静态类，均可实现模拟类，每一种都有它的特点。 静态类数组即是建立在静态类的基础上实现的数组模型。 var class = { name : "object", ...
2011-09-19 18:23:55
128
原创 JavaScript 常见对象类创建代码与优缺点分析
在Javascript中构建一个类有好几种方法: 1.Factory 方式 复制代码 代码如下:function createCar(){ var car = new Object(); car.color=”b”; car.length=1; car.run=function(){alert(”run”);} return car; } 定义这么一个函...
2011-09-19 17:32:48
132
原创 不错的JavaScript面向对象的简单入门介绍
1) 如何创建对象： 1. 使用constructor，例如： var obj = new Object() // var 可以省略 var obj = new Date() 2. 使用对象字面值(object literals)，例如： 程序代码 var obj = "123" // 创建一个String对象 var obj = /^abc$/ //创建一个RegExp对象 更加复杂的情况是，我...
2011-09-19 17:22:48
150
原创 javascript实现面向对象类的功能书写技巧
学过java,c#,vb的都知道类的概念，而类具有继承、封装、多态等功能。而javascript它不是面向对象语言，它是解释性语言。 但我们同样可以使用javascript来实现继承、多态。 javascript实现类，有多种方法。 方法一：构造方法。 代码复制代码 代码如下:function coder(){ this.name = '小王'; this.job = '程序员'; t...
2011-09-19 17:02:06
195
原创 javascript来定义类的规范小结
javascript来定义类的规范小结使用javascript来定义类的规范如下： 指定类名与构造函数，类名（构造函数名）首字母大写: 复制代码 代码如下:function YourClass(){ } 使用"this.成员变量"在其构造函数内定义（伪）私有成员，最好约定（伪）私有成员都以“_”开头小写字母组成。这种成员是每个对象都有自己的副本，也叫对象（实例）成员。 复制代码 代码如下:...
2011-09-19 16:45:20
90
原创 详解new function(){}和function(){}() 区别分析
情景一：var yx01 = new function() {return "圆心"}; alert(yx01); 我们运行情景一代码，将返回显示“[object object] ”，此时该代码等价于： function 匿名类(){ return "圆心"; } var yx01 = new 匿名类(); alert(yx01);我们对情景一的代码进行下面改造...
2011-09-19 16:37:30
231
原创 JS 面向对象的5钟写法
Java代码 复制代码 代码如下://第1种写法 function Circle(r) { this.r = r; } Circle.PI = 3.14159; Circle.prototype.area = function() { return Circle.PI * this.r * this.r; } var c = new Circle(1.0);...
2011-09-19 16:23:47
79
原创 JavaScript 三种创建对象的方法
JavaScript中对象的创建有以下几种方式： （1）使用内置对象 （2）使用JSON符号 （3）自定义对象构造 一、使用内置对象 JavaScript可用的内置对象可分为两种： 1，JavaScript语言原生对象（语言级对象），如String、Object、Function等； 2，JavaScript运行期的宿主对象（环境宿主级对象），如window、d...
2011-09-19 15:32:02
88
原创 Javascript面向对象编程（三） 非构造函数的继承
这个系列的第一部分介绍了"封装"，第二部分介绍了使用构造函数实现"继承"。 今天是最后一个部分，介绍不使用构造函数实现"继承"。 一、什么是"非构造函数"的继承？ 比如，现在有一个对象，叫做"中国人"。 复制代码 代码如下: var Chinese = { nation:'中国' }; 还有一个对象，叫做"医生"。 复制代码 代码如下:
2011-09-19 15:28:07
66
原创 Javascript面向对象编程（二） 构造函数的继承
这个系列的第一部分，主要介绍了如何"封装"数据和方法，以及如何从原型对象生成实例。 今天要介绍的是，如何生成一个"继承"多个对象的实例。 比如，现在有一个"动物"对象的构造函数， 复制代码 代码如下: function Animal(){ this.species = "动物"; } 还有一个"猫"对象的构造函数， 复制代码 代码如下: fu...
2011-09-19 15:27:08
75
原创 Javascript 面向对象编程（一） 封装
学习Javascript，最难的地方是什么？我觉得，Object（对象）最难。因为Javascript的Object模型很独特，和其他语言都不一样，初学者不容易掌握。下面就是我的学习笔记，希望对大家学习这个部分有所帮助。我主要参考了以下两本书籍：《面向对象的Javascript》（Object-Oriented JavaScript）《Javas...
2011-09-19 15:25:42
89
原创 JavaScript定义类或函数的几种方式小结
js中不论是定义类或者函数，很多朋友想将代码写的更专业，更方便扩展等，那么就可以参考这篇文章了，最好是总结，建议大家收藏下。提起面向对象我们就能想到类，对象，封装，继承，多态。在《javaScript高级程序设计》（人民邮电出版社，曹力、张欣译。英文名字是：Professional JavaScript for Web Developers）这本书中描述的还算比较详细。我们看看JavaScri...
2011-09-19 10:14:53
94
原创 Js构造函数&工厂函数
//1,工厂函数&构造函数//例1。//工厂方式：function CreateCar(){ var tempCar = new Object; tempCar.color = "red"; tempCar.doors = 4; temCar.mpg = 23; tempCar.showColor = fun...
2011-09-19 09:58:05
162
原创 js的实例化写法及調用
function Cart(){ function el(id) { return document.getElementById(id); };//將字符串拼接 function string() { var list = new Array(); for(var i=0; i<arguments.length; i++) { list.push...
2011-09-19 09:50:36
177
原创 js 实例化对像的各种写法
/*各种方式new实例化对象的测试比较*///方式一：Public方式一，在类里面声明public方法和属性var myClassPublicStyle1 = function(){this.name = "supersha";this.age = 24;this.addAge = function(){this.age++;...
2011-09-19 09:48:02
196
原创 JS的构造函数
1 //构造函数 2 //使自己的对象多次复制，同时实例根据设置的访问等级可以访问其内部的属性和方法 3 //当对象被实例化后，构造函数会立即执行它所包含的任何代码 4 function myObject(msg){ 5 //特权属性(公有属性) 6 this.myMsg = msg; //只在被实例化后的实例中可调用 7 this.address = '上海'; 8 ...
2011-09-19 09:05:54
86
原创 定义和扩展jquery 自定义函数
1、扩展jQuery自身之全局函数jQuery.logError={/*log error*/}jQuery.logWarning ={/*log warning */}jQuery.logDebug ={/*log debug */}使用：jQuery.logError();上面三个可以写成jQuery.log= { Error:function(){/*l...
2011-09-11 10:20:55
93
原创 jquery__效果（自定义效果）
一、jQuery___效果(自定义效果) animate(params, [duration], [easing], [callback]) 概述 用于创建自定义动画的函数。 这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性（如“height”、“top”或“opacity”）。注意：所有指定的属性必须用骆驼形式，比如用marginLeft代替mar...
2011-09-11 09:20:49
102
原创 jquery__事件（页面载入）
一、jQuery___事件(页面载入) 返回值:jQueryready(fn) 概述 当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。 这是事件模块中最重要的一个函数，因为它可以极大地提高web应用程序的响应速度。 简单地说，这个方法纯粹是对向window.load事件注册事件的替代方法。通过使用这个方法，可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数，而99.99%的JavaS...
2011-09-11 09:19:11
79
原创 jquery__事件（事件处理）
一、jQuery___事件(事件处理) [size=large][b]bind(type, [data], fn) 概述 为每一个匹配元素的特定事件（像click）绑定一个事件处理器函数。 这个事件处理函数会接收到一个事件对象，可以通过它来阻止（浏览器）默认的行为。如果既想取消默认的行为，又想阻止事件起泡，这个事件处理函数必须返回false。多数情况下，可以把事件处理器函数定义为匿名函数（见示例一...
2011-09-11 09:18:34
73
原创 jquery__事件（事件处理）
一、jQuery___事件(事件处理) bind(type, [data], fn) 概述 为每一个匹配元素的特定事件（像click）绑定一个事件处理器函数。 这个事件处理函数会接收到一个事件对象，可以通过它来阻止（浏览器）默认的行为。如果既想取消默认的行为，又想阻止事件起泡，这个事件处理函数必须返回false。多数情况下，可以把事件处理器函数定义为匿名函数（见示例一）。在不可能定义匿名函数的情况...
2011-09-11 09:16:22
96
原创 评论这张
JavaScript兼容性一直是Web开发者的一个主要问题，为此，总结下IE和Firefox的Javascript兼容性:参考：一、函数和方法差异1. getYear()方法【分析说明】先看一下以下代码：var year= new Date().getYear();document.write(year); 在IE中得到的日期是"2010"，在Firefox中看到的日期...
2011-09-08 18:00:44
123
原创 javascript浏览器兼容的实现
javascript部分1. document.form.item 问题问题：代码中存在 document.formName.item("itemName") 这样的语句，不能在FF下运行解决方法：改用 document.formName.elements["elementName"]2. 集合类对象问题问题：代码中许多集合类对象取用时使用()，IE能接受，FF不能解决方法：改用 [] 作...
2011-09-08 17:54:46
82
原创 jQuery对象与dom对象相互转换
刚开始学习jQuery，可能一时会分不清楚哪些是jQuery对象，哪些是DOM对象。至于DOM对象不多解释，我们接触的太多了，下面重点介绍一下jQuery，以及两者相互间的转换。什么是jQuery对象？---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法。比如：$("#test").html() 意思是指：获取I...
2011-09-08 16:41:55
56
原创 (function($){...})(jQuery)是什么意思
这里实际上是匿名函数function(arg){...}这就定义了一个匿名函数，参数为arg而调用函数 时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即：(function(arg){...})(param)这 就相当于定义了一个参数为arg的匿名函数，并且将param作为参数来调用这个匿名函数而(function($){...}) (jQuery)则是一样的，之所以...
2011-09-08 14:49:12
67
原创 jquery中this与$(this)的用法区别
jquery中this与$(this)的用法区别.先看以下代码:$("#textbox").hover( function() { this.title = "Test"; }, fucntion() { this.title = "OK”; } ); 这里的this其实是一个Html 元素(textbox)，textbox有text属性，所以这样写是完全没有什么问题的。 但是如果将this换成...
2011-09-08 14:46:43
78
原创 插件的写法
看官方写得插件很爽吧，想想 ，要是哪天自己也能写个插件该多好。我们先看看插件的基础写法：比如我先想写一个 控制背景色 的插件。首先我们定义一个cssrain.js: 程序代码$.fn.background = function(bg){ return this.css('background', bg);};然后我们在建一个index.html:引入jquery.js，...
2011-09-08 11:45:05
117
原创 javascript,jquery(闭包概念)
偶尔听人说javascript闭包，让我联想起以前学编译原理和数字逻辑里讲的闭包，以前上课讲的闭包很难懂，而且含有递归的意思在里面，现在不想再查看里面的闭包概念。但javascript我是经常要用，所以是要懂这里面的概念。其实javascript里的闭包概念很简单，就是函数用到外部变量，不需要传参就可以获取。举个例子： <script> var sMessa...
2011-09-08 11:06:11
84
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人