cnsd007 2009-06-08 14:24
浏览 317
已采纳

javascript关于闭包的操作

[code="js"]<%@ page language="java" contentType="text/html; charset=gbk"
pageEncoding="gbk"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">



Insert title here
<p>function test(){</p> <p>var btBody = document.getElementById(&#39;test44&#39;).childNodes[1];<br> var ids=[1,2,3,6,9,20,21,34,45,67,68];<br> for(var i = 0 ; i&lt; ids.length ; i++){<br> var tr = document.createElement(&#39;tr&#39;);<br> var td = document.createElement(&#39;td&#39;);<br> var td1 = td.cloneNode(false);<br> td1.appendChild(document.createTextNode(ids[i]));<br> var td2 = td.cloneNode(false);<br> td2.appendChild(document.createTextNode(ids[i]+&quot;ssss&quot;));<br> var td3 = td.cloneNode(false);<br> td3.appendChild(document.createTextNode(ids[i]+&quot;aaaaa&quot;));<br> tr.appendChild(td1);<br> tr.appendChild(td2);<br> tr.appendChild(td3);<br> //tr.attachEvent(&quot;onclick&quot;,function(){<br> // return function (i){alert(i);}<br> // })(i); <br> tr.attachEvent(&quot;onclick&quot;,function(){<br> alert(i);<br> });<br><br> btBody.appendChild(tr);<br> }<br> }</p> <p>


    <table id="test44" cellspacing="1" border="1" class="tablesorter">
        <thead>
            <tr>
                <th>
                    First Name
                </th>
                <th>
                    Second Name
                </th>
                <th>
                    Age
                </th>
            </tr>
        </thead>
        <tbody>

        </tbody>
    </table>
</body>

[/code]

这是testPage 我想给table的每一个行加上点击事件，点击一行，就要弹出这行是第几行，但是一直是得到的最后一行数据，要用闭包来保存数据，大虾们，怎么写恩
[b]问题补充：[/b]
谢谢大虾们。问题解决了恩

[code="js"]tr.attachEvent("onclick",function(i){ return function(){alert(i)}}(i));
// tr.onclick=function(i){return function(){alert(i)}}(i)[/code]

  • 写回答

3条回答 默认 最新

  • cammy0301 2009-06-08 15:00
    关注

    [code="java"]<%@ page language="java" contentType="text/html; charset=gbk"

    pageEncoding="gbk"%>

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">









    Insert title here

    <br><br> $(document).ready(function(){<br><br> $(&quot;th&quot;).click(function(){<br><br> alert($(&quot;th&quot;).index(this)); });<br><br> }); </p> <p>



        <table id="test44" cellspacing="1" border="1" class="tablesorter">      
        <thead>    
            <tr id="test">      
                <th>      
                    First Name      
                </th>      
                <th>      
                    Second Name      
                </th>      
                <th>      
                    Age      
                </th>      
            </tr>      
        </thead>      
        <tbody>      

        </tbody>      
    </table>      
</body>

    [/code]
    上面多了个加粗的代码，改了下！

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

  • 关于javascript闭包的问题 javascript 有问必答
    2021-09-18 16:26
    回答 1 已采纳 第一种是每次都执行getNum函数，num被初始化为0，然后再执行返回的新的匿名函数，注意是新的，此时的num引用到的是最新执行的getNum函数中的num，3次执行的匿名函数访问的是不同的新的num
  • JavaScript关于闭包的运行机制的问题，运行w3cschool的代码，结果出现问题 javascript
    2018-07-28 17:07
    回答 3 已采纳 另外一种this容易被用错的情况是使用闭包。一定要记住，闭包使用this关键词无法访问外部函数的this变量。函数的this变量只能被自身访问，其内部变量不行 所以是undefined，没有输出
  • 关于javascript闭包的一点疑问 javascript
    2015-04-15 05:39
    回答 7 已采纳 test函数的内部函数被赋予n这个全局变量，因为n内部含有test函数的局部变量num，所以test函数的num局部变量不会被释放。执行一次n，num就会在原来的基础上加1
  • 【前端面试系列】JavaScript闭包
    2024-11-08 18:36
    徐白1177的博客 答：闭包是指一个函数及其词法环境的组合。它允许内部函数访问其外部函数的作用域。...如果您觉得这篇文章对您有帮助，欢迎：徐白知识星球JavaScript闭包大文件上传以及分片上传与断点续传掌握可视区域判断。
  • 一个关于闭包防抖的疑惑 js javascript
    2023-02-24 18:53
    回答 1 已采纳 该回答引用GPTᴼᴾᴱᴺᴬᴵ第一个问题是因为在执行 fangdou2() 时，函数内的代码会被执行一次，导致 timeout 已经被定义为 undefined，所以 if(timeout) 判断条件不
  • JavaScript代码闭包的问题，错误提示：mutable variable is ..... javascript
    2018-07-29 13:43
    回答 2 已采纳 ``` 因为你需要在事件内使用事件外的循环变量i。 你的循环中只是为元素绑定事件，这时事件并没有触发执行。 等到事件触发时，那个循环早已经结束了，那时的i的值已经是循环最大值加1了。
  • 关于闭包中的函数有没有return的问题 javascript
    2017-03-11 01:53
    回答 1 已采纳 图1是执行匿名函数后直接设置行的背景色，然后将匿名函数的返回值，注意是返回值作为onmouseover的处理函数 你的匿名函数没有返回值，所以默认返回undefined作为onmouseover
  • 理解和运用JavaScript的闭包机制
    2020-10-23 18:35
    闭包是JavaScript语言中一个非常重要的特性，它允许一个函数访问并操作函数外部的变量。理解闭包对于掌握JavaScript编程至关重要，它是...掌握闭包的原理和使用方法，对深入学习JavaScript乃至现代前端开发都至关重要。
  • JavaScript的闭包的相关问题 javascript
    2011-12-26 14:41
    回答 2 已采纳 例子1中 for(var i=0;i"); } 应该为: for(var i=0;i"); } length是数组的长度，lenght不知道是什么。 这个结果应该输出十个
  • 求教大神，关于js 闭包的问题 javascript
    2016-11-27 10:42
    回答 2 已采纳 w()()这样执行就是每次都执行了c=8【w()】，然后再执行b()，当然是8 var d=w()，这样是d等于里面的b函数，在执行就是d()每次引用的都是c，直接操作初始化的c=8
  • javascript 对象里的闭包怎样调用自身的参数 javascript
    2012-09-21 09:44
    回答 2 已采纳 楼主的样例代码实际上是javascript对象定义的语法，并不是闭包。楼主可能混淆了它们之间的区别。 闭包应该是这样： var bar = function(){ var x =
  • JavaScript中闭包之浅析解读(必看篇)
    2020-10-21 16:24
    JavaScript中的闭包是前端编程中非常重要且普遍的概念。闭包允许一个函数访问并操作函数外部的变量，从而可以创建出很多有别于传统编程模式的新型编程范式。 首先，闭包的定义可以有多种说法，但其核心意思是一致的...
  • 现代JavaScript高级教程：深入作用域、闭包及DOM操作
    2024-11-05 19:26
    内容概要：本书《现代JavaScript高级教程》全面涵盖了JavaScript的高级特性和技术，从基础到进阶逐步讲解，特别强调了作用域、闭包、DOM操作等核心概念。书中提供了丰富的示例代码和实际应用场景，帮助读者深入理解...
  • 前端开发中的JavaScript语言及其应用概述
    2024-11-22 10:42
    首先简述了JavaScript的发展历程和特点，然后系统讲解了包括变量声明、数据类型、运算符、流程控制在内的基础语法，接着深入探讨了函数和闭包、对象和原型、DOM操作、事件处理等进阶主题，还介绍了AJAX和Fetch API等...
  • 前端（十三）——JavaScript 闭包的奥秘与高级用法探索
    2023-08-21 16:57
    小猫娃来啦的博客 闭包是一种特殊的函数对象，它包含了函数的代码和在创建该函数时所处环境中的变量...当我们调用这个闭包时，它会携带着这个包裹，使得内部函数能够继续访问和操作包裹里的数据。可以捕获并访问定义它的外部函数的变量。
  • 没有解决我的问题, 去提问