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

JS函数封装三个例子

piikee14年前 (2010-11-23)JS专区382
最近太浮躁了。。。直接上代码。
<!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

分享给朋友:

相关文章

lotus domino下使用FCKeditor

lotus domino下使用FCKeditor,有两种插入方法。第一种(比较推荐的方法):HTML首页内容里面加入"<script type='text/javascript' src='/fck/fckeditor.js'>...

发表评论

访客

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