您的位置:首页 > Web前端 > JavaScript

JS面向对象例子

2010-07-01 19:17 204 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<script type="text/javascript">

debugger;
//创建一个站点的构造函数,name与url是其参数
function Site(name, url)
{
debugger;
this.url = url;
this.name = name;
}

debugger;
//为Site增加一个方法,用于显示网址
Site.prototype.show = function()
{
debugger;
return this.name+"的网址为:"+this.url;
};

debugger;
//创建一个站点集合构造函数,sites是其参数
function Sites(sites)
{
debugger;
this.sites = sites;
}

debugger;
//为Sites增加一个方法,用于显示网址
Sites.prototype.show = function()
{
debugger;
var retstr = "";
for(var i=0;i<this.sites.length;i++)
{
retstr+=this.sites[i].show()+"          ";
}
return retstr;
};

debugger;
//新建一个站点集合,包括梦之都,百度,谷歌
var mySites = new Sites([new Site("脚本之家", "www.jb51.net"), new Site("baidu", "www.baidu.com"), new Site("google", "www.google.com")]);

debugger;
//打印站点网址
document.write(mySites.show());

</SCRIPT>
</BODY>
</HTML>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息