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

javascript面向对象学习

简介

在javascript
中我们最通常的做法是定义一个一个的方法(function)
,然后通过个个function
之间的调用来实现某个功能,也就是可以这样讲,function
似乎是js
中的一个最小组织单元,
我们已经熟悉了各种面向对象对象语言(java,c#..),
我们已经习惯了使用各各类来封装各个操作,让后通过各个对象之间的交互来实现某一个功能,JavaScript
是否也支持面向对象操作呢?
接下来将以demo
方式来演示javascript
面向对象的实现方式
1.
封装
我们将一个最简单的例子来演示,定义一个Student
类,有名字和年龄属性
1.1
借用已有的Object
对象实现
javascript
中有一个基本对象Object,
最简单的方式,我们可以这样定义一个类
var
student = new Object();
student.name
= “zhangsan”;
student.age
= 23;

这个类只有两个属性name
与age
,我们可以通过student.name
来获取姓名,但定义这样的类其实劣势很明显:类的封装并不直观,有没有更好的实现方式呢?
Var
Student = function(name,age){//
或function
Student(name,age){..
this.name
= name;
this.age
= age;
}
var
student = new Student('zhangsan',23);
alert(student.name);

这段代码实现的功能和上面的代码作用是一样的,但是这种方式的实现更加直观了,更加接近于我们比较熟悉的java
风格的类定义方式,this
也是javascript
中的关键字,作用和java
中的this
类似,表示指向自身的一个指针

有类属性,接下来我们就可以对这两个属性进行操作了,这时候就是方法发挥作用的时候了,定义类的方法通常也有两种方式
1.2
封装在类的内部
var
Student = function(name,age){
this.name
= name;
this.age
= age;
this.getAge
= function(){
return
this.age;
};
this.setAge
= function(age){
this.age
= age;

};
this.getName=function(){
return
this.name;
};

this.setName=function(name){
this.name
= name;

};
}
var
student = new Student('zhangsan',23);

alert(student.getName());//
显示
zhangsan

student.setName(‘
张三’);//
修改一下名字

alert(s


相关文档:

通过javascript获得url参数

页面提交数据一般有两种方法:get,post。post就是所谓的form提交,使用视图;get是通过url提交。
Get方法一般用后台代码(如asp,asp.net)获得参数,代码很简单:Request.QueryString["id"];即可获取。 
有些时候需要直接在前台获取url参数,要用到javascript,js没有直接获取url参数的方法,那么,我们如何通过js ......

javascript中DOM节点


nodeName
nodeName 属性含有某个节点的名称。
元素节点的 nodeName 是标签名称
属性节点的 nodeName 是属性名称
文本节点的 nodeName 永远是 #text
文档节点的 nodeName 永远是 #document
注释:nodeName 所包含的 XML 元素的标签名称永远是大写的
nodeValue
对于文本节点,nodeValue 属性包含文本。
对于属 ......

JavaScript 鼠标移动切换图片

<title>JavaScript切换图片</title>
<script>
function showDaTu(src){
document.getElementById("defaultImg").src=src;
}
</script>
<img src="/jscss/demoimg/wall1.jpg" id="defaultImg">
<br><br><br>
<img src='/jscss/demoimg/wall_s1.jpg' onmouseover ......

15个JavaScript Web UI库

  几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架,这些 UI 库与框架极大地简化了开发进程,并带来一致,可靠,以及高度交互性的用户界面。本文介绍了15 个非常强大的 JavaScript Web UI 库,非常适合各种各种规模的富 Web 应用的开发。
  LivePipe
  LivePipe UI 基于 Prototype Javascript 框架,包含了 ......

JavaScript学习_Chrome与Internet Explorer

Chrome 拥有更快速的JavaScript;
编写如下小程序:
<html>
<script language = "javascript">

var sum = 0;
var start = new Date;
for(var i = 0; i < 1000001; i++){
sum+=i;
}
var stop = new Date;
document.write("从1到1000000的累加结果:" + sum + ";" + "<br/> ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号