关于js两条语句的差异

Question

部分代码

<script>

 function opening(site) {

                window.open(site, "newpage", "width=800;height=500");

            }

  window.onload = openNew;

            function openNew() {

                var links = document.getElementsByTagName("a");

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

                {

                    if (links[i].getAttribute("class") === "openNewWeb")

                    {

                        links[i].onclick = function () {

                           // var urll = links[i].getAttribute("href");

                            //opening(urll);

                            opening(this.getAttribute("href"));//这句和上面注释掉的两句差异在哪？为什么点击连接后该句打开了新窗口而上面两句没有？

                            return false;

                        };

                    }

  }

            }

        </script>

 <a class="openNewWeb" href="http://www.cctv.com/" >click here to open CCTV！</a>

 <a class="openNewWeb" href="http://www.people.com.cn/" >click here to open People！</a>

Answer 1

你那上面的两句语法有问题，这里的links[i].getAttribute("href");注意注意，这个links[i]是undefined，所以js报错，导致后面的语句根本就没有执行，所以他会执行底下的超链接在原来的页面上打开页面，没有执行opening function,所以没有打开新的窗口你可以在如图的位置加上一个alert(typeof link[i])验证一下是不是undefined,至于为什么，你可以再想一想，或者你把上面的link[i]换成this效果和底下的一句是一样的。