表格点击事件_事件响应函数

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
	 <script type="text/javascript">
	 
     var trs =  document.getElementsByTagName("tr");
     
	   window.onload = function()
	   {  
	    for( var i=0; i<trs.length; i++ )
	    {  
	      // 在页面加载时为每个为每个DOM -> TR 对象绑定事件
	      trs[i].onmousedown = function()
	      {  
	         tronmousedown(this);  
	      };  
	    };  
	   };  
    
    function tronmousedown(obj)
    {
       for (var o = 0; o < trs.length; o++)
       {
          if (trs[o] == obj)
          {
             trs[o].style.backgroundColor = '#ccffcc';
          }
          else
          {
             trs[o].style.backgroundColor = '';
          }
       }
    }
    </script>
	</head>

	<body>
		<table id="table1" width="100%" border="2" cellspacing="0"
			cellpadding="0">
			<tr>
				<td>
					菜单一
				</td>
			</tr>
			<tr>
				<td>
					菜单二
				</td>
			</tr>
			<tr>
				<td>
					菜单三
				</td>
			</tr>
			<tr>
				<td>
					菜单四
				</td>
			</tr>
			<tr>
				<td>
					菜单五
				</td>
			</tr>
		</table>
	</body>
</html>

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <!-- 
    javascript 中字符串,数值和布尔值都属于离散值scalar,如果某个变量是离散的,它在任意时刻就只能有一个值
    如果想用一个变量来存储一组值,就需要使用数组array; 数组是由名字相同的多个值构成的一个集合,集合中的
    每个值都是这个数组的元素 element,例如,我们可以用名为Beatles 的变量来保存Beatles 乐队全体四位成员的
    姓名, 在javascript 脚本中,数组要用关键字Array 来声明,在声明数组的同时,程序员还可以对数组的元素的个
    数,也就是这个数组的长度作出规定;var beatles = Array(4);
    
    向数组中添加元素的操作称为填充populating,在填充数组时,不仅需要给出新元素的值,还需要在数组中为新元素
    指定存放位置,这个位置需要通过下标index 给出,数组元素都相应有一个下标,在语句中,下标值必须存放在方括号
    中,array[index] = element; beatles[0] = "John";
    
    不过,在声明或填充数组时候写出 Array 关键字是一个良好的编程习惯,这可以提高 javascript 脚本的可读性
    并让我们一眼可以看出哪些变量是数组;
    
    数组元素不必非得是字符串,可以把一些布尔值存入一个数组,还可以把一组数值存入一个数组:
    var years = Array(1940, 1941, 1942, 1943);
    
    甚至可以把三种数据类型混合在一起存入一个数组:
    var lennon = Array("John", 1940, false);
    
    这是一种功能相当强大的存储和获取信息的方式,但是如果不得不记住每个下标数字的话,编程工作将是
    一种非常痛苦和麻烦的体验,还好,我们有一种办法可以让我们以更可读的方式去填充数组;
    
     -->
    <script type="text/javascript">
     var beatles = Array(4); // 不确定元素的个数 
     var beatles = Array(); // 确定元素的个数
     beatles[0] = "John";
     beatles[1] = "Paul";
     beatles[2] = "George";
     beatles[3] = "Ringo";
     var beatles = ["John", "Paul", "George", "Ringo"];
     var beatles = Array("John", "Paul", "George", "Ringo");
     
     // 关联数组:
     // beatles 数组是数组数组的一个典型例子,每个元素的下标是一个数字,每增加一个元素,这个数字就依次
     // 增加1, 第二个元素的下标是1;
     // 如果在填充数组时候只给出了元素的值,这个数组就将是一个数值数组,它的各个元素的下标将被自动创建
     // 和刷新, 我们可以通过在填充数组时为每个新元素明确地给出下标的方式来改变这种默认的行为,在为新
     // 元素给出下标时,不必局限于整数数字,数组下标可以是字符串;
     var lennon = Array();
     lennon["name"] = "John";
     lennon["year"] = 1940;
     lennon["living"] = false;
     
     // 用关联数组来代替数值数组的做法意味着我们可以通过各元素的名字而不是一个下标数字来引用他们
     // 这可以大大提高脚本的可读性;
     // 数组的元素可以是另一个数组;beatles[0] = lennon;
     
     // 在此基础上,还可以做进一步的改进,把Beatles 数组也填充为关联数组而不是数值数组,这样一来,我们
     // 可以用drummer 或是 bassist 等更有意义且容易记忆的字符串值,而不是一些枯燥乏味的整数作为下标
     // 去访问这个数组里的元素了;
     var Beatles = Array();
     beatles["vocalist"] = Lennon;
     beatles["vocalist"]["name"];
     beatles["vocalist"]["year"];
     beatles["vocalist"]["living"];
    </script>

  </head>
  <body>
  </body>
</html>

阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页