易截截图软件、单文件、免安装、纯绿色、仅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对象的所有属性


/*
* 用来遍历指定对象所有的属性名称和值
* obj 需要遍历的对象
* author: Jet Mah
* website: http://www.javatang.com/archives/2006/09/13/442864.html 
*/ 
function allPrpos(obj) { 
    // 用来保存所有的属性名称和值
    var props = "";
&nbs ......

在Javascript中动态创建函数

创建动态函数(在c/c++中利用函数指针来实现)
  var FunctionName = new Function(argument1,...,lastargument);
  说明:
  所有的参数都必须是字符串类型的,最后的一个参数必须是这个动态函数的功能程序代码。
    <script type="text/javascript"> 
 & ......

Javascript代码收藏大全


Javascript代码收藏大全
1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
2. <body onselectstart="return false"> 取消选取、防止复制
3. onpaste="return false" 不准粘贴
4. oncopy="retu ......

javaScript 文本效果

功能:文本控件里的文本,当鼠标进入时:选中文本;当鼠标按下时:清空文本;当鼠标移出控件外点击:文本还原。
<textarea id="tbox" runat="Server" class="tbox" cols="20" rows="8" onmouseover="this.focus();" onfocus="this.select();" o ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号