国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > jscript > Javascript 级联(Cascade)的实现

Javascript 级联(Cascade)的实现

来源:程序员人生   发布时间:2014-01-06 05:44:02 阅读次数:2567次

说到级联,请先看下面一段代码:

set("UserDiv").
width(160).
height(26).
border("1px solid #ff0000").
background("#00ff00");

也许会有点眼熟,如果使用jquery或者看过jquery的一些代码,应该会见过类似的使用方法。级联操作时,每一个方法都返回this,所以在一条语句中可以依次调用很多方法。

对于JavaScript级联,Google了一番,搜出来的基本都是不相干的内容,都是JavaScript级联菜单,百度更不用提,也是不沾边的内容。暂时没有特别靠谱的资料,于是自己随便写了一个,如果有不妥的地方,请高手多多指点。 

<script type="text/javascript">
var person=function(){};
person.prototype.name=function(name){this.name=name;return this;}
person.prototype.age=function(age){this.age=age;return this;}
person.prototype.sex=function(sex){this.sex=sex;return this;}
person.prototype.hobby=function(hobby){this.hobby=hobby;return this;}
var tom=new person().name("tom").age(16).sex("male").hobby("Write Javascript Code.");
alert(tom.hobby);
alert(tom.age);
</script>

运行示例:


提示:可修改后代码再运行!

  文章来自:http://www.wxwdesign.cn/

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生