一、邮箱的确认

1、"@" "."要有
2、"@" "."不能为第一位或最后一位
3、 "."应在"@"后面,并且"@"最后一次出现的位置应小于"."最后一次出现的位置
应用对象的方法有:string对象中:charAt indexOf lastIndexOf

二、字符串对象的方法

1、charAt返回指定索引位置处的字符
2、indexOf返回string对象内第一次出现子字符串的字符位置,如果子字符在字符中没有出现过,那么得到的值为“-1”。说明:索引位置从“0”开始
用法:字符串对象 . indexOf(子字符串)
例:<script language="javascript" type="text/javascript">
var str="ITET学校";
var a=str.indexOf("I");
document.write(a);
</script>
3、lastIndexOf方法
返回string对象内最后一次出现子字符串的字符位置,索引位置从“0”开始
用法:字符串对象 . lastIndexOf(子字符串)
例:邮箱格式验证
var str = document.getElementById("email").value;
function checkform(){
if(document.getElementById("email").value.indexOf("@")==-1||str.indexOf(".")==-1){
window.alert("邮箱格式不正确,请重新输入");
return false;
}
}
"@"不能为最后一位
if(str.lastIndexOf("@")==str.length-1){
window.alert("邮箱格式不正确,请重新输入");
return false;
}
"@"不能为第一位
if(str.indexOf("@")==0){
window.alert("邮箱格式不正确,请重新输入");
return false;
}
"@"在"."之前
if(str.lastIndexOf("@")>=str.lastIndexOf(".")){
window.alert("邮箱格式不正确,请重新输入");
return false;
}
"@"只出现一次
if(str.indexOf("@")!=str.lastIndexOf("@")){
window.alert("邮箱格式不正确,请重新输入");
return false;
}

三、

1、window.location设置或获取窗口地址的地址
2、列表框的options属性
该属性得到列表框的列表项,注意:用该属性得到的是列表框的所有列表项所组成的一个集合,这个集合可以看成是一个数组
A、要表示某一个列表项,应用下面表示方法
列表框对象 . options[下标] 说明:下标从0开始
B、要得到某一个列表项的值:列表框对象 . options[下标] . value
C、要得到某一个列表项的显示文本:列表框对象 . options[下标] . text
例:<body>
<form id="form01" name="form01" method="post" action="">
<select id="mylink" name="mylink">
<option value="http://www.baidu.com">百度</option>
<option value="http://www.sina.com.cn">新浪</option>
<option value="http://www.163.com">网易</option>
</select>
</form>
<script language="javascript" type="javascript">
document.write(document.getElementById("mylink").options[0].value);
document.write(document.getElementById("mylink").options[0].text);
</script>
</body>
说明:onchange事件:改变事件
3、列表框对象的selectedIndex方法
作用:得到列表框中所选择的列表项的下标
用法:列表框对象 . selectedIndex
说明:select(被选择)index(索引)
例:<head>
<script language="javascript" type="text/javascript">
function myoption(){
var a = document.getElementById("mylink").selectedIndex;
if(a!=0){
window.location = "document.getElementById("mylink").options[a].value;"
}
}
</script>
</head>
<body>
<select id="select01" name="select01" οnchange="myoption()">
<option value="">--请选择--</option>
<option value="http://www.baidu.com">百度</option>
<option value="http://www.sina.com.cn">新浪</option>
<option value="http://www.163.com">网易</option>
</select>
</body>
说明:window.location 可换成 window.open
window.open方法作用:在新的窗口打开网页,用法:window.open
也可在按钮上应用<input type="button" />

四、for循环语句

1、for(变量初始值表达式;条件表达式;更新表达式){
循环体语句;
...
}
执行的流程:
A、先计算变量的初始表达式
B、判断条件表达式,如果条件为true,则执行循环语句的内容;如果条件为false,则退出循环体
C、如果步骤B的条件为true,执行循环体语句后,执行更新表达式
D、再判断条件表达式,同样,如果条件为true,则执行循环体语句的内容,如果条件为false,则退出循环体
例:document.write(n)
<script language="javascript" type="text/javascript">
for(n=1;n<=100;n=n+1){
document.write(n);
document.write("<br /><br />");
}
</script>
例2:<script language="javascript" type="text/javascript">
var sum=0;
var n=1;
document.write(sum+"+"+n+"="+(sum+n));
</script>
例3:<script language="javascript" type="text/javascript">
for(n=1;n<=100;n++){
document.write(sum+"+"+n+"="+(sum+n));
document.write("<br /><br />");
sum=sum+n;
}
</script>

五、全选、取消全选、反选

<script language="javascript" type="text/javascript">
function allselected(){
document.getElementById("box1").checked=true;
...
}
</script>
1、document.getElementsByNmae
获取在同一页面中,所有name名称相同的对象,把这些对象取出后形成一个数组
A、要表示所有name相同的对象中的某一个对象
document.getElementsByName("Name名称")[下标].checked=true/false;
例:全选
<script language="javascript" type="text/javascript">
function allselected(){
for(i=0;i<=document.getElementsByName("box").length-1;i++){
document.getElementsByName("box")[i].checked=true;
}
}
</script>
说明:当checked的值为false时为取消全选

六、数组对象的length属性:返回一个数组对象的元素个数(复选框按钮控制)

数组对象 . length
例:<script language="javascript" type="text/javascript">
function selected(){
if(document.getElementById("contral").checked == true){
for(i=0;i<document.getElementsByName("mail").length;i++){
document.getElementsByName("mail")[i].checked=true;
}
}
else{
for(i=0;i<document.getElementsByName("mail").length;i++){
document.getElementsByName("mail")[i].checked=false;
}
}
</script>
例:反选
<script language="javascript" type="text/javascript">
function fanselected(){
for(n=0;n<document.getElementsByName("box").length;n++){
document.getElementsByName("box")[n].checked =! document.getElementsByName("box")[n].checked;
}
}
</script>
说明:=! 非等于