1.0.2 js中数组，对象，属性，表单验证
程序员文章站
2022-04-12 22:52:26
...
<!DOCTYPE html>
<html>
<head>
<script>
//数组的用法
function showArray(){
/*
var array=new Array();
array[0]="张三";
array[1]="李思";
*/
//var array=new Array('张三','李思');
var array=['张三','李思','王五'];
var html="";
for(i=0;i<array.length;i++){
html=html+array[i]+"-";
}
document.getElementById("demo1").innerHTML=html;
}
//显示对象
function showObject(){
//对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：
//第一种x写法
var person={firstname:"Bill", lastname:"Gates", id:5566};
//第二种写法
var person2={
firstname:"李",
lastname :"思",
id :5566
};
//第三种写法
var person=new Object();
person.firstname="王";
person.lastname="X";
var html="";
html=person.firstname + person.lastname;
html=html+"----"+person2["firstname"]+person2["lastname"] +" ====";
document.getElementById("demo1").innerHTML=html;
}
//显示对象属性
function showObjectAttr(){
var person2={
firstname:"李",
lastname :"思",
id :5566
};
var attrs=null;
var x;
for(x in person2){
attrs = attrs + person2[x]+ ',';
}
document.getElementById("demo1").innerHTML=attrs;
}
//try...catch用法
function tryCatch(){
try{
//故意出错，进程捕捉
atter("try..catch....");
}catch(err){
alert("出错啦");
}
}
//表单验证
function validate_form(thisForm){
with(thisForm){
if(validate_email(email,'Not a valid email address')==false){
email.focus();
return false;
}
}
}
//email验证
function validate_email(field,errText){
with(field){
var val=field.value;
var pos1=val.indexOf('@');
var pos2=val.indexOf('.');
if(pos1 < 1 || pos2 < pos1){
alert(errText);
return false;
}else{
return true;
}
}
}
</script>
</head>
<body>
<div id="demo1"></div>
<button onclick="showArray()">显示数组</button>
<button onclick="showObject()">显示对象</button>
<button onclick="showObjectAttr()">遍历对象属性</button>
<button onclick="tryCatch()">TRY-CATCH</button>
<br />
<form action="submitpage.html" onsubmit="return validate_form(this)" method="post">
Email:<input type="text" name="email" size="30" />
<input type="submit" value="Submit">
</form>
<body>
</html>
@dianxinxinxiyuan.xiuyanxilu.pudongqu.shanghai
<html>
<head>
<script>
//数组的用法
function showArray(){
/*
var array=new Array();
array[0]="张三";
array[1]="李思";
*/
//var array=new Array('张三','李思');
var array=['张三','李思','王五'];
var html="";
for(i=0;i<array.length;i++){
html=html+array[i]+"-";
}
document.getElementById("demo1").innerHTML=html;
}
//显示对象
function showObject(){
//对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：
//第一种x写法
var person={firstname:"Bill", lastname:"Gates", id:5566};
//第二种写法
var person2={
firstname:"李",
lastname :"思",
id :5566
};
//第三种写法
var person=new Object();
person.firstname="王";
person.lastname="X";
var html="";
html=person.firstname + person.lastname;
html=html+"----"+person2["firstname"]+person2["lastname"] +" ====";
document.getElementById("demo1").innerHTML=html;
}
//显示对象属性
function showObjectAttr(){
var person2={
firstname:"李",
lastname :"思",
id :5566
};
var attrs=null;
var x;
for(x in person2){
attrs = attrs + person2[x]+ ',';
}
document.getElementById("demo1").innerHTML=attrs;
}
//try...catch用法
function tryCatch(){
try{
//故意出错，进程捕捉
atter("try..catch....");
}catch(err){
alert("出错啦");
}
}
//表单验证
function validate_form(thisForm){
with(thisForm){
if(validate_email(email,'Not a valid email address')==false){
email.focus();
return false;
}
}
}
//email验证
function validate_email(field,errText){
with(field){
var val=field.value;
var pos1=val.indexOf('@');
var pos2=val.indexOf('.');
if(pos1 < 1 || pos2 < pos1){
alert(errText);
return false;
}else{
return true;
}
}
}
</script>
</head>
<body>
<div id="demo1"></div>
<button onclick="showArray()">显示数组</button>
<button onclick="showObject()">显示对象</button>
<button onclick="showObjectAttr()">遍历对象属性</button>
<button onclick="tryCatch()">TRY-CATCH</button>
<br />
<form action="submitpage.html" onsubmit="return validate_form(this)" method="post">
Email:<input type="text" name="email" size="30" />
<input type="submit" value="Submit">
</form>
<body>
</html>
@dianxinxinxiyuan.xiuyanxilu.pudongqu.shanghai
上一篇： 对象拖动事件
推荐阅读
-
JS实现查找数组中对象的属性值是否存在示例
-
JS实现查找数组中对象的属性值是否存在示例
-
js 根据对象数组中的属性进行排序实现代码
-
JS 中对数组按照数组中某个对象的属性值进行排序
-
js 修改数组对象中的属性值
-
JS 交换对象中属性的顺序，交换数组对象中对象的顺序
-
微信小程序js数组中插入“新数据对象”，数据对象中插入“新属性”
-
js 根据对象数组中的属性进行排序实现代码
-
闭包的原理与经典应用场景，访问器属性，类与对象的创建与成员引用，数组与对象的解构过程与经典案例，JS引入到浏览器中的的方法及获取DOM元素的两个API
-
闭包的原理与经典应用场景 、访问器属性、类与对象的创建与成员引用 、数组与对象的解构、JS引入到浏览器中的的方法