发布于 2016-11-13 01:27:44 | 113 次阅读 | 评论: 0 | 来源: 网友投递
这里有新鲜出炉的Javascript教程,程序狗速度看过来!
JavaScript客户端脚本语言
Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文实例讲述了javascript上下方向键控制表格行选中并高亮显示的方法。分享给大家供大家参考。具体实现方法如下:
<style>
tr.highlight {
background:#08246B;
color:white;
}
</style>
<table border="1" width="70%" id="ice">
<tr onClick="selectTR();return false;">
<td>123</td>
<td>234</td>
<td>abc</td>
<td>def</td>
</tr>
<tr onClick="selectTR();">
<td>123</td>
<td>234</td>
<td>abc</td>
<td>def</td>
</tr>
<tr onClick="selectTR();">
<td>123</td>
<td>234</td>
<td>abc</td>
<td>def</td>
</tr>
<tr onClick="selectTR();">
<td>123</td>
<td>234</td>
<td>abc</td>
<td>def</td>
</tr>
<tr onClick="selectTR();">
<td>123</td>
<td>234</td>
<td>abc</td>
<td>def</td>
</tr>
</table>
<script language="javascript">
<!--
var currentLine = -1;
document.onkeydown = function(e)
{
e = window.event || e;
switch(e.keyCode)
{
case 38:
currentLine--;
changeItem();
break;
case 40:
currentLine++;
changeItem();
break;
default:
break;
}
}
function selectTR()
{
currentLine=window.event.srcElement.parentElement.rowIndex;
//alert(currentLine);
changeItem();
}
//改变选择项目
function changeItem()
{
if(document.all)
var it = document.getElementById("ice").children[0];
else
var it = document.getElementById("ice");
for(i=0;i<it.rows.length;i++)
{
it.rows[i].className = "";
}
if(currentLine < 0)
currentLine = it.rows.length - 1;
if(currentLine == it.rows.length)
currentLine = 0;
it.rows[currentLine].className = "highlight";
}
//-->
</script>
希望本文所述对大家的javascript程序设计有所帮助。