Js新手自学问题，请大家指点一下！

2014-12-15 04:31:37 226 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

【指引】新手如何自学网页爬虫（更新完结）做网页内容爬虫是方便大量收集、跟踪数据的相当便捷的方法。笔者本科在读，曾经做过ICO项目信息追踪，WHO官网SARS、nCOVID-19确诊/致死人数数据收集，京东商品详细信息收集分类，以及[Bilibili的视频页面的信息收集](https://www.bilibili.com/video/BV1ND4y1Q7Tb)。在之前的项目中全靠自己摸索如何掌握爬虫所需要的前置知识，汇成一个新手指引分享给大家，希望对自学的同学们有帮助。如果有不妥当的地方，欢迎大家在评论区指正～阅读详情

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

<script type="text/javascript">

     

         window.onload = function(){

             var div=document.getElementsByTagName("div");

             for(var i= 0;i<div.length;i++){

                 div[i].onclick= function() {                    

                     document.write(i);

                 }

                 alert(i);

             }

         }

    </script>

</head>

 

<body>

<div>好的1</div>

<div>好的2</div>

<div>好的3</div>

<div>好的4</div>

<div>好的5</div>

</body>

</html>

在我点击这几个DIV的时候，i的值都是5，for循环是先执行完了吗？难道不是程序执行到onclick这里就等着，等我点击了再继续执行吗？我才开始学JS没多久，还请大家指点一下！！

...全文

ISO18000-6B/6C（EPC C1G2）两个射频识别（RFID）标准协议的技术特点目前读写器基本上是采用IMPINJ的R2000芯片和E710芯片开发，因为ISO18000-6B标准的现在应用很少，E710芯片已经不再支持ISO18000-6B标准，选择上就只有采用R2000芯片开发的UR6258超高频读写器以及手持机，这个在项目应用上需要留意。尽管ISO18000-6B标准具有上述优点，但也存在一些不足之处，特别是多标签阅读性能远远满足不了现在的应用需求，近年来发展停滞，绝大部分应用已经被ISO18000-6C（EPC C1G2）取代；#RFID# #物联网# #标准协议# 阅读详情

lsolal

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

soton_dolphin 2014-12-15

打赏
举报


<script type="text/javascript">
      
         onload = function(){
             var div=document.getElementsByTagName("div");
             for(var i= 0;i<div.length;i++){
                 div[i].addEventListener('click', (function(i){return function() {alert(i);};})(i),false);                   
                 }
                 alert(i);
             };
    </script>

JFMark 2014-12-15

打赏
举报

可以百度"闭包问题"了解下详情

愚者只看星不看答案 2014-12-15

打赏
举报

这样写，是有点复杂了



window.onload = function () {

            var arr = document.getElementsByTagName("div");

            for (var i = 0; i < arr.length; i++) {
                arr[i].onclick = (function (i) { return (function () { console.log(i); }) })(i);
            }

        }

神之左手 2014-12-15

打赏
举报

这个其实应该不算是初级问题了，我只能说明问题产生的原因，而无法不用变通手法来解决问题。问题说明：很显然，这里的变量i的赋值循环跟事件触发不是同步执行的，事件触发机制是侦听然后触发，所以上面的代码执行完之后，5个div元素侦听其自身的onclick事件，等待鼠标的触发，不触发函数体是不会被执行，而触发之后函数体内的代码执行，此时i就显而易见，不是每个索引值，而是经过循环之后的最终值。自己在写一些事件的时候，有时也会不经意的犯这个错误，避免的思考原则就是把事件执行函数和顺序代码函数分开来看，不要混淆在一起。解决方法: 直接的解决方法至少目前没有研究过，除非用jquery的object.each(function(i){......}); 上面的i可以按你的需求直接使用，不会受到顺序代码执行后的影响，具体可以去看下jquery的each方法不过如果不套用jquery框架，最能想到的方法就是扩展元素的自定义属性，可以安排div元素的一个自定义属性 <div nowIndex="1">...</div> <div nowIndex="2">...</div> <div nowIndex="3">...</div> .... 通过在事件函数中获得该属性后实现。为啥说不是直接解决，自定义属性显而易见不是直接方法，而jquery则要套用该框架所以也不是直接解决。按变量存放原则应该是有书写代码的方法，这里只能抱歉，暂时没有更多时间研究了。

Retro_Wang 2014-12-15

打赏
举报

alert(i) 弹出的是0 1 2 3 4 吗?

愚者只看星不看答案 2014-12-15

打赏
举报

这是因为在js中没有块级作用域的概念，在js中仅有全局作用域和函数作用域，也就是说你在for中声明的变量i，相当于这样：


window.onload = function () {
            var i;
}

好了，上面这个理解后，你试试这段代码：


window.onload = function () {
            var arr = document.getElementsByTagName("div");

            for (var i = 0; i < arr.length; i++) {
                arr[i].onclick = function () {
                    console.log(i);
                };
            }
            console.log('i=',i);
        }

你会发现console.log这句输出5。好，再往上说，onclick中保存的是一个匿名函数在内存中的位置，也叫指针。当你单击的时候，因为onclick中是一个函数指针，所以会去执行，这个时候，你的代码让它去读变量i的值，这时变量i 的值就是真真的5

Js新手自学问题，请大家指点一下！

相关推荐