大家还是发表看法哈,好了俺继续研究,我也是刚学JS哈,原来只当作简单API
RIA目前非常火热,很多java开发者开始也不得不使用ajax框架,比如javaeye吵闹活的Ext!
但是大家不要忘记Ext 根基是什么 JS!
大家最早用js是函数,考虑对象!
今天以java角度介绍js入门一 对象!
实例说明: 仔细研究哈!!
代码见附件,可以运行,直接IE打开Animal.htm就ok
Animal.js文件如下!
//定义类Animal
/*function(name ,age)相当于java的构造器*/
var Animal = function(name ,age) {
//name,age相当于java的熟悉
this.name = name==undefined? 'animal':name;
this.age = age==undefined? 0:age;
};
//定义函数,类似java的方法,java必须先定义类,才有方法js可以直接定义函数
function getName() {
alert("hello name is:" + this.name);
}
;
function setName(name) {
this.name = name;
}
;
//通过原型给类Animal增加函数指针getName指向函数getName
Animal.prototype.getName = getName;
Animal.prototype.setName = setName;
//相当于匿名函数
Animal.prototype.sayAge = function() {
alert("hello age is:" + this.age);
};
//类似的java代码
/*
public class Animal {
private String name;
private int age;
public Animal(String name, int age) {
this.name = name;
this.age = age;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public void sayAge() {
this.age = age;
}
}
* */
Animal.htm文件如下!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<script type="text/javascript" src="Animal.js"></script>
<title></title>
</head>
<body onload="doit()">
</body>
<script type="text/javascript">
function doit() {
/*对象animal,animal1的属性一样,呵呵这样说明什么,想想java*/
var animal = new Animal();
animal.getName();//
animal.sayAge();
var animal1 = new Animal('kite', 12);
animal1.getName();//
animal1.sayAge();
//改变对象animal的属性
animal.setName('tomcat');
alert("执行animal.setName('tomcat');后");
animal.getName();//
animal1.getName();//
}
</script>
</html>
分享到:
相关推荐
)程序员通常试着没有学习要求的支持技巧而 直接学习 JSP 。JSP 是一个衔接技术,并且成功地连接你需要理解的另外的技术。如果你已经知道 Java,HTML 和 Javascript,这意味着 JSP 将确实是简单的。
《JavaScript从入门到精通(视频实战版)》深入介绍了JavaScript的本质,不仅讲解了其在页面特效中的应用,还挖掘了JavaScript作为一种基于对象语言所特有的类与继承的实现。《JavaScript从入门到精通(视频实战版)》...
包括:毕向东25天java 黑马程序员 毕向东 Html css JavaScript视频教程 张张孝祥 Java基础加强 01 等全部课程PPT及全部代码
全方位详细深入阐述从入门到高级Java程序员必备的知识技能。按照现有计划,主要研究如下方面知识点: Java SE重难点、包含但不限于集合、多线程、泛型、反射、I/O; Java Web重难点,包含但不限于Servlet、JSP、...
│ java程序员面试资料.zip │ JAVA笔试题(上海释锐).pdf │ MIME简介.txt │ SCJP试题详解.pdf │ SQL面试题_心灵深处.htm │ Struts+Hibernate+Spring轻量级J2EE企业应用实战.pdf │ Struts中文手册.pdf │ ...
│ java程序员面试资料.zip │ JAVA笔试题(上海释锐).pdf │ MIME简介.txt │ SCJP试题详解.pdf │ SQL面试题_心灵深处.htm │ Struts+Hibernate+Spring轻量级J2EE企业应用实战.pdf │ Struts中文手册.pdf │ ...
│ java程序员面试资料.zip │ JAVA笔试题(上海释锐).pdf │ MIME简介.txt │ SCJP试题详解.pdf │ SQL面试题_心灵深处.htm │ Struts+Hibernate+Spring轻量级J2EE企业应用实战.pdf │ Struts中文手册.pdf │ ...
Java二进制IO类与文件复制操作实例,好像是一本书的例子,源代码有的是独立运行的,与同目录下的其它代码文件互不联系,这些代码面向初级、中级Java程序员。 Java访问权限控制源代码 1个目标文件 摘要:Java源码,...
Java二进制IO类与文件复制操作实例,好像是一本书的例子,源代码有的是独立运行的,与同目录下的其它代码文件互不联系,这些代码面向初级、中级Java程序员。 Java访问权限控制源代码 1个目标文件 摘要:Java源码,...
JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...
│ java程序员面试资料.zip │ JAVA笔试题(上海释锐).pdf │ MIME简介.txt │ SCJP试题详解.pdf │ SQL面试题_心灵深处.htm │ Struts+Hibernate+Spring轻量级J2EE企业应用实战.pdf │ Struts中文手册.pdf │ ...
JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...
但是最近总结小伙伴遇到的问题,感觉很多人对前后端分离开发还是两眼一抹黑,所以今天松哥想和大家聊一下前后端分离以及 Vue.js 的一点事,算是一个简单的入门科普吧。 前后端不分 后端模板:Jsp、FreeMarker、...
JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...
│ java程序员面试资料.zip │ JAVA笔试题(上海释锐).pdf │ MIME简介.txt │ SCJP试题详解.pdf │ SQL面试题_心灵深处.htm │ Struts+Hibernate+Spring轻量级J2EE企业应用实战.pdf │ Struts中文手册.pdf │ ...
JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...
JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...
JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...