日期:2014-05-16  浏览次数:20347 次

javascript学习二

检验输入的是否是数字:

<%@ 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="提交" onclick="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" onclick="all();">全选</td>
	<td>
		<input type="button" value="收起" id="btn" onclick="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(a