`
08284008
  • 浏览: 50919 次
  • 性别: 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学习的资料集合,涵盖了更深入的JavaScript概念和技术。 在JavaScript的学习过程中,有几个核心知识点是必须要掌握的: 1. **基础语法**:包括变量(var, let, ...

    JavaScript学习指南 高清 PDF

    这份"JavaScript学习指南"高清PDF,无疑为想要深入理解JavaScript的初学者或有一定基础的开发者提供了宝贵的资源。下面,我们将深入探讨JavaScript的一些关键知识点。 1. **基础语法**:JavaScript的基础包括变量、...

    JavaScript学习(一)

    JavaScript学习(一) JavaScript是一种广泛应用于网页和网络应用的脚本语言,由 Netscape 的 Brendan Eich 在1995年发明。它主要用于客户端的网页交互,赋予网页动态功能,如响应用户操作、处理数据、与服务器通信...

    JavaScript学习指南 源代码

    本“JavaScript学习指南”源代码包含了深入理解并掌握JavaScript编程的关键知识点。 一、基础语法 JavaScript的基础语法包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔值、null、undefined、...

    非常全面的JavaScript学习资料

    这份"非常全面的JavaScript学习资料"压缩包,包含了11个深入学习JavaScript的文件,旨在为学习者提供一个详尽且丰富的学习路径。 1. **基础概念**:JavaScript的基础包括变量、数据类型(如字符串、数字、布尔值、...

    JavaScript学习样例源码

    这个名为"JavaScript学习样例源码"的压缩包显然包含了一些用于教学和实践的JavaScript代码示例,旨在帮助初学者更好地理解和掌握JavaScript的核心概念。 1. **DOM操作**:在JavaScript中,Document Object Model ...

    Javascript学习安卓版

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

    个人Javascript学习笔记 精华版

    个人Javascript学习笔记 精华版 本资源为个人Javascript学习笔记的精华版,涵盖了Javascript的基础知识、事件处理、对象和系统函数、浏览器对象等方面的内容。下面是对每个知识点的详细说明: 1. 什么是JavaScript...

    JavaScript学习指南带书签PDF

    本书“JavaScript学习指南”旨在帮助初学者和有经验的开发者深入理解和掌握JavaScript的核心概念和技术。 首先,JavaScript在网页中的主要作用是处理用户交互、操作DOM(文档对象模型)、进行AJAX(异步JavaScript...

    JavaScript学习资料全面整理

    本资源包"JavaScript学习资料全面整理"显然是为了帮助初学者和进阶者深入理解这门语言,包含了各种资源,下面将对JavaScript的一些关键知识点进行详细阐述。 1. **基础概念**:JavaScript是一种解释型、弱类型、...

    JavaScript学习指南(第2版)

    《JavaScript学习指南(第2版)》由Sbelley Powers撰写,深入浅出地讲解了JavaScript的核心概念和技术,旨在帮助读者从零基础快速掌握这门语言。 在本书中,你将首先了解JavaScript的基本语法,包括变量、数据类型、...

    Javascript学习(apk)

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

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册九:字符串

    var str2 = "JavaScript 教程"; ``` 字符串的长度可以通过`length`属性获取,如`str1.length`。 二、字符串操作方法 1. 访问字符:JavaScript不支持直接通过索引来修改字符串,但可以通过索引来读取,如`str1[0]`。...

    javascript学习

    JavaScript学习是一个持续的过程,随着技术的发展,新的API和最佳实践不断涌现。因此,保持学习和关注最新的前端趋势至关重要。同时,实践是检验知识的最好方式,多做项目、参与开源社区,可以提升你的技能并积累...

    javascript学习资料

    这份"javascript学习资料"包含的JavaScript1.ppt、JavaScript2.ppt、JavaScript3.ppt三个文件,很可能是系列讲座或教程的课件,它们会详细讲解JavaScript的基本概念、语法和常见应用。 首先,JavaScript的基础部分...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册十四:HTML DOM-文档元素的操作(二)

    这篇教程——"JavaScript学习手册十四:HTML DOM-文档元素的操作(二)"深入探讨了如何使用JavaScript来操纵HTML文档中的元素,进一步提升网页动态性和交互性。 DOM是HTML和XML文档的一种结构化表示,它将网页内容...

    JavaScript学习笔记,javascript基础知识,基础语法整理.pdf

    二、 JavaScript 中的函数 * 函数是JavaScript中的一种基本结构单元 * 函数可以封装一组语句,实现功能的复用 * 函数可以传递参数,实现参数的传递 * 函数可以返回值,实现结果的返回 三、 JavaScript 中的对象 *...

    JavaScript学习资源

    以下是一些关于JavaScript学习的重要知识点: 1. **基础语法**:JavaScript的基础包括变量、数据类型(如字符串、数字、布尔值、null、undefined、对象和数组)、操作符(算术、比较、逻辑、赋值等)、流程控制...

Global site tag (gtag.js) - Google Analytics