window.location没有成功跳转

来源:互联网 发布:淘宝客怎么做? 编辑:程序博客网 时间:2024/04/30 20:16

今天试着开始写代码,遇到一个问题, 使用window.location ='';的时候页面并没有成功跳转。纠结了半天,因为就一句语句,甚至都一个字母一个字母的盯着看了,发现我写的没有问题呀。我试了window.open()可以成功跳转, 但这个并不是我想要的效果。

var regButton = document.getElementById("register-button");
  regButton.onclick = function(){
        window.location = "register.html";
        //window.open('register.html');     //在新的窗口打开
       };

于是我百度了一下,没办法,这个时候只有求助度娘了,发现遇到我这个问题的不止我一个呀,果然度娘是很强大的。找到一个大牛的解决方法,在后面添一句return false,像下面这样,果然可以哎。

 var regButton = document.getElementById("register-button");
  regButton.onclick = function(){
        window.location = "register.html";  
        //window.open('register.html');     //在新的窗口打开
        return false;
  };
大牛说得比较简洁,  说window.location = url是使用onclick实现的跳转,在内嵌元素上又加上了href="javascript::"的属性,这时这句window.location跳转就失效了。解决办法是在onclick方法里面增加一句return false的语句,让程序强制跳出不再继续执行后面的语句。

大牛这种说法对我这种菜鸟来说跟天书一样。怕过段时间忘记这个问题,先记录到这里待我去研究一下。



0 0