JS学习笔记:Javascript类的继承

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

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

【 tulaoshi.com - Web开发 】

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

也可以这样实现:

Java代码

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问https://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中没反应。。

一个简单的客户端验证

Java代码

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问https://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代码

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问https://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"   

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

延伸阅读
标签: Web开发
56.JS中的焦点顺序:document.getElementByid("表单元素").tabIndex = 1 57.innerHTML的值是表单元素的值:如p id="para""how are emyou/em"/p,则innerHTML的值就是:how are emyou/em 58.innerTEXT的值和上面的一样,只不过不会把em这种标记显示出来. 59.contentEditable可设置元素是否可被修改,isContentEd...
标签: Web开发
Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。 学习Javascript,最难的地方是什么? 我觉得,Object(对象)最难。因为Javascript的Object模型很独特,和其他语言都不一样,初学者不容易掌握。 下面就是我的学习笔记...
标签: Web开发
Prototype.js作为javascript的成功的开源框架,封装了很多好用的功能,虽然官方没提供什么文档,不过在google上一搜,好多相关的文档,不过在学习使用的过程中还是碰到了一些问题,希望熟悉的朋友能多加指点,对于prototype.js学习我关注这么几点,同时针对每点也讲讲学习的结果和碰到的问题,^_^    1、类的创建   ...
标签: Web开发
Java代码 html   head     titlejavascript/title       script type="text/javascript"           function test(inVal){               try{ ...
标签: Web开发
先看最入门的例子,在记事本输入如下内容,再存为 001.html。 这是第一个JavaScript例子 html head Script Language ="JavaScript" // JavaScript Appears here. alert("这是第一个JavaScript例子!"); /Script /Head /Html 有如下几点要说明: ① 在本例中,JavaScript代码出现在 head /head中,并由标识 Script Language="JavaScript".../S...

经验教程

713

收藏

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