js获取表格的行数和列数(包容IE和firefox)

金沙js333娱乐场,本篇作品分享一下怎样通过js获取七个表格的行数和列数。很轻便,这里比如表明,今后一旦有一个表格id属性值为test,则采用javascript获取该表格的行数和列数的写法如下(同不时候包容ie和firefox的哦!):

关于如何利用js屏蔽用户按下的方向键,这里笔者和豪门大饱眼福一下(同临时候包容IE和firefox)!将以下代码参与到源代码的head和body区域均可。

用 JS
总计鼠标在页面上的任务而不是难事,但出于IE和Firefox对得到鼠标当前地点的点子分裂(IE为event.x|y,FF为event.pageX|Y),一般接纳的是event.clientX代替两个,但当出现滚动条时event.clientX在IE和FF中的展现会略有差异。因而js
获取鼠标当前任务也因各浏览器的界别而有所分歧。上面介绍一种通用的收获鼠标在页面上的地点的方法。

var tab=document.getElementById("test") ;
//表格行数
var rows=tab.rows.length ;
//表格列数
var cells=tab.rows.item(0).cells.length ;
alert("行数"+rows+"列数"+cells);
document.onkeydown=function(e){
 e=e||event;
 //屏蔽向左的方向键
 if(e.keyCode==37){
  alert('禁止向左的方向键!');
  return false;
 }
 //屏蔽向上的方向键
 if(e.keyCode==38){
  alert('禁止向上的方向键!');
  return false;
 }
 //屏蔽向右的方向键
 if(e.keyCode==39){
  alert('禁止向右的方向键!');
  return false;
 }
 //屏蔽向下的方向键
 if(e.keyCode==40){
  alert('禁止向下的方向键!');
  return false;
 }
}
/**
* 获取鼠标在页面上的位置
* @param ev  触发的事件
* @return  x:鼠标在页面上的横向位置, y:鼠标在页面上的纵向位置
*/
function getMousePoint(ev){
 //定义鼠标在视窗中的位置
 var point={
  x:0,
  y:0
 };
 //如果浏览器支持 pageYOffset, 通过 pageXOffset 和 pageYOffset 获取页面和视窗之间的距离
 if(typeof window.pageYOffset!='undefined'){
  point.x=window.pageXOffset;
  point.y=window.pageYOffset;
 }
 //如果浏览器支持 compatMode, 并且指定了 DOCTYPE, 通过 documentElement 获取滚动距离作为页面和视窗间的距离
 //IE 中, 当页面指定 DOCTYPE, compatMode 的值是 CSS1Compat, 否则 compatMode 的值是 BackCompat
 else if(typeof document.compatMode!='undefined'&&document.compatMode!='BackCompat'){
  point.x=document.documentElement.scrollLeft;
  point.y=document.documentElement.scrollTop;
 }
 //如果浏览器支持 document.body, 可以通过 document.body 来获取滚动高度
 else if(typeof document.body!='undefined'){
  point.x=document.body.scrollLeft;
  point.y=document.body.scrollTop;
 }
 //加上鼠标在视窗中的位置
 point.x+=ev.clientX;
 point.y+=ev.clientY;
 //返回鼠标在视窗中的位置
 return point;
}

发表评论

电子邮件地址不会被公开。 必填项已用*标注