易截截图软件、单文件、免安装、纯绿色、仅160KB

javaScript循序渐进(4)


<!--
@page { margin: 2cm }
P { margin-bottom: 0.21cm }
A:link { so-language: zxx }
-->
面向对象基础
JavaScript
是完全面向对象的语言。所以不可能以非面向对象的方法来使用。
对象(
Object

从最基本的层次上说,对象是一系列属性的集合,和其他语言里的散列表结构类似。
例如:两个创建简单对象并设置属性的例子
创建一个新的
Object
对象,存放在‘
obj’
变量中
var obj= new Object();
给其设置一些属性
obj.val=5;
obj.click=function(){alert("hello
zxr");};
下边是一段等价代码,用
{
。。。
}
简写方式,结合键值对(
key/value
pair
)来定义属性
var obj={
用键值对方式来设置属性名和属性值
val:5,
click: function(){
alert("hello zxr");
}
};
对象的创建
JavaScript
并没有类(
class
)的概念。
JavaScript
里对象本身可以用来创建(
create
)新对象,而对象也可以继承自其它对象。这个概念称为原型化集成(
prototypal
inheritance

.
不管
JavaScript
使用何种对象方案,首先还是应该有一种创建新对象的方法。
javascript
的做法是,任何函数都可以被实例化为一个对象。
例如:简单对象的创建和使用
一个简单的函数,接受名称并将其存入当前上下文中
function User(name){
this.name = name;
}
指定名称来创建该函数的一个新对象
var me = new User("zxr");
我们可以看到,这个对象的名称被设为自身的
name
属性了
alert(me.name == "zxr");
而且这是
User
对象的一个实例
alert(me.constructor == User);
现在,既然
User()
不过是个函数,如果只把它作为函数来使用又如何呢?
User ("wyl");
因为他的‘
this’
上下文对象未曾设定,所以默认为全局的‘
window’
对象,也就是说
window.name
等于提供的这个名字
alert(window.name == "wyl");
 
constructor
属性,此属性在每个对象中都存在,并一直指向创建它的函数。这样以来你就可以有效的复制对象了,用同一个基类创建对象并赋予不同的属性。
例如:使用
constructor
属性的例子
创建一个新的简单的
User
对象
function User(){}
创建一个
User
对象
var me = new User();
还是创建一个新的
User
对象(用前一个对象的
construct


相关文档:

javascript event事件解析1 only handbook


event.srcElement 与event.target

 
Javascript event.srcElement
感觉这个挺好,可以捕获当前事件作用的对象,如event.srcElement.tagName可以捕获活动标记名称。
注意获取的标记都以大写表示,如"TD","TR","A"等。所以把看过的一些抄下来,不记得的时候再来看看。
< ......

JavaScript CSS Style属性对照表


CSS语法 (不区分大小写)   JavaScript语法 (区分大小写)
border                               border
border-bottom         &nbs ......

javaScript 文本效果

功能:文本控件里的文本,当鼠标进入时:选中文本;当鼠标按下时:清空文本;当鼠标移出控件外点击:文本还原。
<textarea id="tbox" runat="Server" class="tbox" cols="20" rows="8" onmouseover="this.focus();" onfocus="this.select();" o ......

一个关于javascript Ajax解析XML的原始实例

        该实例首先需要创建数据库,数据库Test唯一表test,该表具有三个列分别为c1,c2,c3, int型,请自行建立数据库并插入几行测试数据。
        然后我们希望能将数据库中的数据读取出来,我在此处只是将数据库数据以数据集的方式存放在本地中, ......

ECMA 推出 JavaScript 5

ECMA 本周推出了 JavaScript 5(PDF),除了增强基础函数库之外,还引入了严格运行时模式(Strict Runtime Modes)以避免代码中的常见错误。ECMA ECMAScript 4 的努力曾以失败告终,ECMA 甚至没有发布 ECMAScript 4 细则。
过去几年,诸如 Nitro,TraceMonkey 一类的 JavaScript 引擎发展迅猛,JavaScript 成了 Google Wav ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号