JavaScript 面向对象代码实践
作者:bea
因此很有必要在这里为同学们举一个例子: JavaScript面向对象代码示例 <script type="text/javascript"> //创建一个站点的构造函数,name与url是其参数 function Site(name, url) { this.url = url; this.name = name; } //为Site增加一个方法,用于显示网址 Site.prototype.show = function() { return this.nam
因此很有必要在这里为同学们举一个例子:
JavaScript面向对象代码示例
<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()+"
";
}
return retstr;
};
//新建一个站点集合,包括梦之都,百度,谷歌
var mySites = new Sites([new Site("", ""), new Site("baidu", "www.baidu.com"), new Site("google", "www.google.com")]);
//打印站点网址
document.write(mySites.show());
</script>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]
有用 | 无用
JavaScript面向对象代码示例
<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()+"
";
}
return retstr;
};
//新建一个站点集合,包括梦之都,百度,谷歌
var mySites = new Sites([new Site("", ""), new Site("baidu", "www.baidu.com"), new Site("google", "www.google.com")]);
//打印站点网址
document.write(mySites.show());
</script>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- js 按照指定间隔 向字符串中插入随机字符串的实现代码
- jQuery对象和DOM对象的相互转化实现代码
- Javascript 自定义类型方法小结
- Javascript Cookie读写删除操作的函数
- 28个JS验证函数收集
- 用js脚本控制asp.net下treeview的NodeCheck的实现代码
- javascript 静态对象和构造函数的使用和公私问题
- 新老版本juqery获取radio对象的方法
- 几个比较经典常用的jQuery小技巧
- 基于JQuery的密码强度验证代码
- Jquery下的26个实用小技巧(jQuery tips, tricks & solutions)
- 基于jquery.Jcrop的头像编辑器
- IE event.srcElement和FF event.target 功能比较
- Javascript 判断客户端浏览器类型代码
- 在chrome中window.onload事件的一些问题
- 仅用[]()+!等符号就足以实现几乎任意Javascript代码
- Javascript 网页水印(非图片水印)实现代码
- 使用js获取QueryString的方法小结
- js实现的八点拖动修改div大小的代码