JS——在表格中显示第几行第几列
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
//嵌套函数的定义
<!--<script type="text/javascript">
function f1(){
alert("我是函数1")
}
var f2=function(){
alert("我是函数f2")
}
f1()
f2()
</script>-->
//练习：在表格中显示第几行第几列
//制作表格
<table border="1px" width="300" id="table1">
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>5</td><td>6</td><td>7</td><td>8</td></tr>
<tr><td>9</td><td>10</td><td>11</td><td>12</td></tr>
<tr><td>13</td><td>14</td><td>15</td><td>16</td></tr>
<tr><td>17</td><td>18</td><td>19</td><td>20</td></tr>
</table>
//在JS里定义嵌套函数
<script type="text/javascript">
(function(){//定义函数
var tr = document.getElementsByTagName("tr");
for(var i = 0;i<tr.length;i++){
var tds = tr[i].children;
for(var j = 0;j<tds.length;j++){
tds[j].onclick = (function(){
var row = i+1,col = j+1;
return function(){
alert("第"+row+"行"+col+"列");
}
})();
}
}
})();
</script>
</body>
</html>
