js中的javascript:void(0)解析

javascript:void(0) 中最关键的是 void 关键字， void 是 JavaScript 中非常重要的关键字，该操作符指定要计算一个表达式但是不返回值。

通常该语法常用于超链接当中，用法如下：

1)点击超链接后不做任何事情

1. test 2. test 3. test //使用2個到4個#，大多是"####"，也有使用"#all"等。

说到上面第3点，可以注意到，如果用href="#",点击超链接会直接回到顶部，而用javascript不会出现上述的情况。

2）点击超链接后，响应用户自定义的事件。 

 <script type="text/javascript">
          function gotopage() {
             var page = $("#gotopage input").val();
             if(page>{{paginator.num_pages}})
            {
               alert('error');
            }
             else {
                  window.location.href = '?page=' + page;  //重定向
                  }
              return false;
            }
   </script>


<li id="gotopage">
    <span>
        <input type="text" value="1"/>
    </span>
</li>
<li><a href="javascript:void(0);" onclick="gotopage();">跳转</a></li>

上面代码就是当你点击跳转的时候，会自动跳转到对应的页码上。

上面的JS代码很重要的，简单说一下。

var page = $("#gotopage input").val() 这句代码是获取文本输入框的值，

重点说一下window.location.href。

window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。 在上述实例中， window.location.href = '?page=' + page; 意思是将当前页面重定向到'?page=' + page上。

还有一种用法，即不是当前页面，而是某个页面。

somepage.location.href=。。。。。。

somepage是某一个指定的窗口。

parent.location.href父窗口重定向到.........

--------EOF---------
微信分享/微信扫码阅读