检验输入的是否是数字:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function config(){
var numchar="0123456789";
var num=document.getElementById("num").value;
var flag=true;
for(var i=0;i<num.length;i++){
if(numchar.indexOf(num.charAt(i))==-1){
flag=false;
break;
}
}
if(flag){
document.getElementById("form1").submit();
}
else{
alert("不是数字");
}
}
</script>
</head>
<body>
<form id="form1" action="b.jsp">
输入数字<input type="text" name="num" id="num"><br>
<input type="button" value="提交" οnclick="config();">
</form>
</body>
</html>
全选功能和收起、展开的功能
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function all(){
var a=document.getElementsByName("all")[0];
var s=document.getElementsByName("select");
if(a.checked){
//var s=document.getElementById("select");
for(var i=0;i<s.length;i++){
s[i].checked=true;
}
}
else{
//var s=document.getElementsByName("select");
for(var i=0;i<s.length;i++){
s[i].checked=false;
}
}
}
function sh(){
var btnValue=document.getElementById("btn").value;
if(btnValue=="收起"){
document.getElementById("table1").style.display="none";
document.getElementById("btn").value="展开";
}
else{
document.getElementById("table1").style.display="block";
document.getElementById("btn").value="收起";
}
}
</script>
</head>
<body>
<%int num=Integer.parseInt(request.getParameter("num")); %>
<table align="center" border="1">
<tr>
<td><input type="checkbox" name="all" id="all" οnclick="all();">全选</td>
<td>
<input type="button" value="收起" id="btn" οnclick="sh();">
</td>
</tr>
</table>
<table align="center" border="1" id="table1" name="table1">
<%
int i=0;
for(;i<num;i++){
%>
<tr>
<td><input type="checkbox" name="select" id="select"></td>
<td><%=i %></td>
</tr>
<%
}
%>
</table>
</body>
</html>
全选功能在IE中不能实现,如果有人知道原因请通知我QQ:1053755406或在下面回复也可以。
全选的那个函数名改一下,就可以在IE中实现了,以后记住函数名不要和标签的id或name同名。
javascript中的对象模型
function就是一个对象,函数中可以有多个形参,但是传实参可以传一个等等,不必像java那样必须一一对应。
<script type="text/javascript"> function add(num1,num2){ alert(num1+10); } add(10); </script>
javascript中没有方法(或函数)的重载概念。
在javascript中有一个Function对象,所有的自定义的对象都是Function对象类型。Function接受的所有参数都是字符串的,其中最后一个参数就是要执行的函数体,而前面的参数是需要真正接受的参数。
<script type="text/javascript"> var add=new Function("num","alert(num+10);"); add(10); var add1=new Function("num","num1","alert(num);alert(num1)"); add1(10,10); </script>
在javascript中,每个函数都有一个隐含的arguments,表示函数实际传递的参数。
<script type="text/javascript"> function add(num1,num2){ alert(arguments[0]); alert(arguments[1]); } add(1,1); </script>
<script type="text/javascript"> function add(){ if(1==arguments.length){ alert(arguments[0]); } else{ if(2==arguments.length){ alert(arguments[0]+arguments[1]); } else{ if(3==arguments.length){ alert(arguments[0]+arguments[1]+arguments[2]); } } } } add(1); add(1,2); add(1,2,3); </script>