`
08284008
  • 浏览: 48782 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

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

 

分享到:
评论

相关推荐

    javascript学习2

    javascript学习2

    JavaScript学习指南 高清 PDF

    JavaScript学习指南 高清 PDF,个人的学习使用,共35M。

    JavaScript学习指南

    《JavaScript学习指南(第2版)》系统地介绍了JavaScript的基本语法、基本对象、调试工具与排错技术、事件处理机制、浏览器对象模型/文档对象模型(BOM/DOM)等方面的知识,并通过一个复杂的示例深入探讨了Ajax应用。...

    Javascript学习安卓版

    Javascript学习是Android客户端目前最全面的免费离线Javascript学习书籍,从Html入门到Html样式设计,再到Javascript,提高网页设计能力。主要内容包括: 1、Html基本标签 2、Html表单知识 3、Web2.0(Div+Css样式)...

    Javascript学习(apk)

    Javascript学习是Android客户端目前最全面的免费离线Javascript学习书籍,从Html入门到Html样式设计,再到Javascript,提高网页设计能力。主要内容包括: 1、Html基本标签 2、Html表单知识 3、Web2.0(Div+Css样式)...

    javascript完全学习手册1 源码

    1.1.2 JavaScript的基本特点 2 1.1.3 常用的Web开发语言 3 1.2 JavaScript的应用 4 1.2.1 客户端应用 5 1.2.2 服务器端应用 5 1.3 在Web页面中使用JavaScript 5 1.3.1 HTML的基本结构 5 1.3.2 在HTML中嵌入...

    JavaScript学习指南(第2版)

    JavaScript学习指南(第2版)Sbelley Powers著

    JavaScript学习指南(第2版).pdf

    《JavaScript学习指南(第2版)》通过列举JavaScript应用的最佳实践和示例,本书展示了如何将该语言集成到浏览器环境中,及如何在符合标准的网站中应用这些已通过实践验证的编码技术。 本书内容: ● JavaScript应用...

    javascript高级编程学习手册

    目录: 第一章 javascript语言概述 第二章 JavaScript语言基础 第三章 JavaScript事件处理 第四章 JavaScript基于对象编程 第六章 string,math,array等数据对象 第七章 window及相关顶级对象 第八章 document对象

    javascript完全学习手册2 源码

    第2章 JavaScript编程基础 2.1 基础语法 2.1.1 数据类型 2.1.2 变量和常量 2.1.3 表达式 2.1.4 运算符 2.2 流程控制 2.2.1 条件语句r 2.2.2 循环语句 2.2.3 其他语句 2.3 使用对话框 2.3.1 警告...

    JavaScript学习指南(第2版).pdf

    国外经典javascript教材,入门首选,好不好下了才知道。。

    Javascript权威指南学习笔记二

    自己对《Javascript权威指南》的学习过程中摘录下来的笔记,去掉了那些简单的、罗索的相关介绍,重点在于那些不常用到的语法,规则,以及重点内容的相关示例,此为WORD版,这是第二部分,主要是讲客户端Javascript的...

    《JavaScript学习指南(第2版)》[PDF]

    通过列举JavaScript应用的最佳实践和示例,本书展示了如何将该语言集成到浏览器环境中,及如何在符合标准的网站中应用这些已通过实践验证的编码技术。  本书内容:  JavaScript应用程序的结构,包括基本的语句和...

    css2和javascript学习教程

    css2和javascript学习教程

    javascript学习手册.zip

    javascript学习手册 JavaScript是一种广泛用于Web开发的编程语言,它可以用于创建动态和交互式的网页效果。无论你是初学者还是有一定编程经验的开发者,掌握JavaScript都是非常重要的。本手册将为你提供一个学习...

    JavaScript学习指南 第二版

    JavaScript学习指南 第二版

    ajax学习 必备 ajas技术介绍 和基础的JavaScript学习

    ajax学习 必备 ajas技术介绍 和基础的JavaScript学习 里面有2份文档,一份是对ajas技术的介绍 还有一份是 JavaScript(学习ajax必备的知识)的教材 对ajax初学者很有用

    javascript学习笔记.docx

    2) 一个应用程序出现的每个窗口或框架都对应一个Window对象,而且都为客户端JavaScript代码定义了一个唯一的执行环境。 3) 脚本执行过程是Web浏览器的HTML解析过程的一部分。脚本按照它们的出现顺序执行。 4) 简单的...

    前端学习笔记网站(HTML5+CSS3+JavaScript前端网页web课程设计).rar

    前端学习笔记网站(HTML5+CSS3+JavaScript前端网页web课程设计).rar前端学习笔记网站(HTML5+CSS3+JavaScript前端网页web课程设计).rar前端学习笔记网站(HTML5+CSS3+JavaScript前端网页web课程设计).rar ...

Global site tag (gtag.js) - Google Analytics