当前位置：Gxlcms > JavaScript > Javascript 类的继承实现代码

Javascript 类的继承实现代码

时间：2021-07-01 10:21:17 帮助过：23人阅读

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"> 

 
Last name:<input type="text" name="lastName"> 

 
<input type="button" value="submit" onclick="doSubmit(this.form);"> 
</form> 
</body> 
</html> 

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 
 
<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"> 

 
Last name:<input type="text" name="lastName"> 

 
<input type="button" value="submit" onclick="doSubmit(this.form);"> 
</form> 
</body> 
</html> 

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 
一般这样写 
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" >

Javascript 类的继承实现代码

人气教程排行