prototype.js参�?转蝲于THIN(谭振�?BLOG)

Sun, 01 Jul 2007 07:53:00 GMT

摘要: http://thinhunan.cnblogs.com/archive/2006/04/01/DeveloperNotesForPrototype.html JavaScript�c�L��?prototype.js �c�d��实现强大功能的一�U�途径是扩展已有的JavaScript �c�R�? �?Object的扩�? Method ... 阅读全文

朱�v�?/a> 2007-07-01 15:53 发表评论

Tue, 19 Jun 2007 04:26:00 GMT

今天有位同学遇到了一个关于��@环内�l�定对象事�g奇怪的问题�Q�通过我在 Google上搜索后得到�q�是�׃��没有对js�U�别变量完全理解所产生的问题。所以我觉得很有必要把这斚w��的知识记录下来，避免再发生这��L��错误�?br> 同学的编码如下：

1<script>
2//点击囄��调用的方�?/span>
3function click(value)
4{
5  alert(value);
6}
7
8for(var i=1;i<=3;i++)
9{
10var img = document.createElement("IMG");
11img.id = "img"+i;
12//�q�是囄��的�\�?/span>
13img.src="d:/1.jpg";
14img.style.cursor="hand";
15img.onclick = function(){
16  click(i);
17}
18document.body.appendChild(img);
19}
20script>

�q�时奇怪的问题��出��C��Q�点击这三个囄��中的��M��一个，弹出的数值都�?(也就是��@环结束后的�?。按我们正常的理解应该给每个囄��点击旉��中传入的参数按顺序来因该�?,2,3�?br> 下面我就来谈谈我解决�q�个问题的过�E?br> 1.考虑到每回点��L��C�的都是i�q�个变量循环�l�束后的��|��所以这个i变量的范围一定不只限于��@环内�Q�于是我在��@环后面加入了alert(i)�q�条语句发现打印出来的是i而不是undefined.由此我们可以断定i是全局变量�?br> 2.�W�二步我写了下面代码

1<HTML>
2 <BODY>
3  <script>
4
5      for(var i = 1; i <= 3;i++){
6        var button = document.createElement("button");
7        var k = 1;
8        button.value=i;
9        button.onclick=function(){
10           alert(k++);
11        }
12        document.body.appendChild(button);
13      }
14    script>
15 BODY>
16HTML>

通过�q�段代码我们发现�Q�只要重复点��M�Q何一个按钮都会从1开始逐渐增加�Q�由此我们可以确认在onclick函数中没有执行k++,而是在触发了onclick旉��才会执行k++.
3.�׃��面我得到的结��Z��l�onclick函数内的是变量引用，于是我写了下面的代码�Q�才最�l�解决了问题

1<HTML>
2 <BODY>
3<script>
4    function mapping(element,value){
5        element.onclick=function(){
6        alert(value);
7    }
8    }
9    for(var i = 1; i <= 3;i++){
10        var button = document.createElement("button");
11        mapping(button,i);
12        button.value=i;
13        document.body.appendChild(button);
14    }
15script>
16 BODY>
17HTML>

朱�v�?/a> 2007-06-19 12:26 发表评论

国产成人精品久久亚洲高清不卡,亚洲第一区中文99精品,91精品1区

prototype.js参�?转蝲于THIN(谭振�?BLOG)