当前位置:首页 > 计算机相关 > JS专区 > 正文内容

JS函数封装三个例子

piikee12年前 (2010-11-23)JS专区166
最近太浮躁了。。。直接上代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS封装</title>
<!-- 封装方法一 -->
<script>function ShapeBaseA(){this.show=function(){alert("ShapeBaseA show")};this.init=function(){alert("ShapeBaseA init")}}</script>
<!--封装方法一结束-->
<!-- 封装方法二 -->
<script>
function ShapeBaseB(){};//如果此函数中给函数方法,那么下面的prototype就改变不了了
ShapeBaseB.prototype.show=function() { alert("ShapeBaseB show"); }
ShapeBaseB.prototype.init=function() { alert("ShapeBaseB init"); } </script>
<!--封装方法二结束-->
<!-- 封装方法三 -->
<script>
function ShapeBaseC(){};
ShapeBaseC.prototype={ show:function() { alert("ShapeBaseC show"); }, init:function() { alert("ShapeBaseC init"); } }; </script>
<!--封装方三结束-->
</head>
<body >
<!-- 方法一 -->
<script>function testA(){var s=new ShapeBaseA();s.show();s.init();}//按顺序执行函数的</script>
<!--方法一结束-->
<!-- 方法二 -->
<script>function testB(){var s=new ShapeBaseB();s.init();s.show();}</script>
<!--方法二结束-->
<!-- 方法三 -->
<script>function testC(){var s=new ShapeBaseC();s.init();s.show();}</script>
<!--方法三结束-->
<noscript>
<iframe src="*.htm"></iframe>
</noscript>
<input type="button" value="testA" onclick="testA()"/>
<input type="button" value="testB" onclick="testB()"/>
<input type="button" value="testC" onclick="testC()"/>
</body>
</html>

扫描二维码推送至手机访问。

版权声明:本文由萍客小居发布,如需转载请注明出处。

本文链接:https://www.piikee.net/766.html

分享给朋友:

相关文章

一些JS事件

一般事件事件浏览器支持描述onClickHTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击onDblClickHTML: 2 | 3 | 3.2 |...

JS实现广告顺序轮播和随机轮播四份代码

不多说,直接上代码:第一份顺序上滚(DIV遮罩滚动方法):广告时间,插点广告先:转载请注明来自【萍客小居http://www.piikee.net/】<html><head><STYLE type=text/c...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。