JavaScript面向对象代码实践示例 -- JavaScript教程

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<title>JavaScript面向对象代码实践示例</title>		
	</head>
	<body>
		<script type="text/javascript">
		//创建一个站点的构造函数，name与url是其参数
		function Site(name, url)
		{
			this.url = url;
			this.name = name;
		}
		
		//为Site增加一个方法，用于现实网址
		Site.prototype.show = function()
		{
			return this.name+"的网址为："+this.url;
		};
		
		//创建一个站点集合构造函数，sites是其参数
		function Sites(sites)
		{
			this.sites = sites;
		}
		
		//为Sites增加一个方法，用于显示网址
		Sites.prototype.show = function()
		{
			var retstr = "";
			for(var i=0;i<this.sites.length;i++)
			{
				retstr+=this.sites[i].show()+"<br />";
			}
			return retstr;
		};
		
		//新建一个站点集合，包括梦之都，百度，谷歌
		var mySites = new Sites([new Site("dream du", "www.dream du.com"), new Site("baidu", "www.baidu.com"), new Site("google", "www.google.com")]);
		
		//打印站点网址
		document.write(mySites.show());
		</script>

</body>
</html>