JS学习笔记:Javascript类的继承

2016-02-20 01:00 6 1 收藏

下面是个超简单的JS学习笔记:Javascript类的继承教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

【 tulaoshi.com - Web开发 】

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

也可以这样实现:

Java代码

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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中没反应。。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

一个简单的客户端验证

Java代码

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

html   
head   
  titlejavascript/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
  titlejavascript/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代码

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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"   

来源:http://www.tulaoshi.com/n/20160220/1633037.html

延伸阅读
标签: Web开发
数组就是某类数据的集合,数据类型可以是整型、字符串、甚至是对象 Javascript不支持多维数组,但是因为数组里面可以包含对象(数组也是一个对象),所以数组可以通过相互嵌套实现类似多维数组的功能 1.1 定义数组 声明有10个元素的数组 var a = new Array(10); 此时为a已经开辟了内存空间,包含10个元素,用数组名称加 [下标] ...
标签: Web开发
Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。 学习Javascript,最难的地方是什么? 我觉得,Object(对象)最难。因为Javascript的Object模型很独特,和其他语言都不一样,初学者不容易掌握。 下面就是我的学习笔记...
标签: Web开发
Java代码 html   head     titlejavascript/title       script type="text/javascript"           function test(inVal){               try{ ...
标签: Web开发
Prototype.js作为javascript的成功的开源框架,封装了很多好用的功能,虽然官方没提供什么文档,不过在google上一搜,好多相关的文档,不过在学习使用的过程中还是碰到了一些问题,希望熟悉的朋友能多加指点,对于prototype.js学习我关注这么几点,同时针对每点也讲讲学习的结果和碰到的问题,^_^    1、类的创建   ...
标签: Web开发
先看最入门的例子,在记事本输入如下内容,再存为 001.html。 这是第一个JavaScript例子 html head Script Language ="JavaScript" // JavaScript Appears here. alert("这是第一个JavaScript例子!"); /Script /Head /Html 有如下几点要说明: ① 在本例中,JavaScript代码出现在 head /head中,并由标识 Script Language="JavaScript".../S...

经验教程

894

收藏

9
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部