当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JS学习笔记:Javascript类的继承

Javascript
Javascript初学者实例教程(10):图像属性
FF与IE下javascript计算屏幕尺寸
可输入的下拉框
超强图片数量上传无限制
提高代码性能技巧谈—以创建千行表格为例
让插入到 innerHTML 中的 script 跑起来的实现代码
自动设为主页
脚本写的IE右键助手
[原创]checkbox实现全选的多种方法 不断更新
Div+CSS+JS树型菜单,可刷新
CSS+JS构建的图片查看器
如何实现iframe(嵌入式帧)的自适应高度
颜色渐变效果
一条一条新闻向上的滚动 不错
模拟抽奖
[原创]用srcElement实现添加效果
获取对象
带Checkbox的列表框
[原创]图片分页查看
[原创]手机号码本地检测

JS学习笔记:Javascript类的继承


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 94 ::
收藏到网摘: n/a

JavaScript中类的学习,从基本类继承过来方法

也可以这样实现:

Java代码

function newClass(){   
     this.firstName="frank";   
     this.toUc=String.toUpperCase;   
     this.toString=function(){   
        return this.toUc(this.firstName);   
     }   
 }   
 var nc=new newClass();   
 alert(nc);//在IE中没反应。。  
   function newClass(){
        this.firstName="frank";
        this.toUc=String.toUpperCase;
        this.toString=function(){
           return this.toUc(this.firstName);
        }
    }
    var nc=new newClass();
    alert(nc);//在IE中没反应。。

一个简单的客户端验证

Java代码

<html>   
<head>   
  <title>javascript</title>   
    <script type="text/javascript">   
        function doSubmit(inForm){   
            if(inForm.firstName.value==""){   
                alert("firstName is null");   
                return false;   
            }   
            if(inForm.lastName.value ==""){   
                alert("lastName is null");   
            }   
            inForm.submit();   
            return true;   
        }   
    </script>   
</head>   
<body>   
<form action="#" name="test" method="post">   
    First name: <input type="text" name="firstName">   
    <br>   
    Last name:<input type="text" name="lastName">   
    <br>   
    <input type="button" value="submit" onclick="doSubmit(this.form);">   
</form>   
</body>   
</html>   
</form>  
<html>
<head>
  <title>javascript</title>
    <script type="text/javascript">
        function doSubmit(inForm){
            if(inForm.firstName.value==""){
                alert("firstName is null");
                return false;
            }
            if(inForm.lastName.value ==""){
                alert("lastName is null");
            }
            inForm.submit();
            return true;
        }
    </script>
</head>
<body>
<form action="#" name="test" method="post">
    First name: <input type="text" name="firstName">
    <br>
    Last name:<input type="text" name="lastName">
    <br>
    <input type="button" value="submit" onclick="doSubmit(this.form);">
</form>
</body>
</html>
</form>

一般这样写

Java代码

<form action="#" name="test" method="post" onSubmit="return doSubmit(this);">   
    First name: <input type="text" name="firstName">   
    <br>   
    Last name:<input type="text" name="lastName">   
    <br>   
    <input type="button" value="submit" >