JS中设置window.location.href跳转无效(在a标签里或这form表单里)

朴灿烈づ我的快乐病毒、 2023-10-06 10:18 18阅读 0赞

#### 文章目录 ####

代码如下：

function checkLogin() {
        
            var user_id=getCookiesPbyName("user_id");
            if (user_id == null || user_id == ""){
        
                alert("该页面需登陆以进入！");
                window.location.href = "login.html";
                window.event.returnValue=false;
            }
        }

原因：  
a标签的href跳转会执行在window.location.href设置的跳转之前:

如果是表单form的话 也会先执行form提交。

提交之后 就已经不在当前页面了。所以window.location.href无效。

解决：

**方法一：**  
在js函数中加上

window.event.returnValue=false

这个属性放到提交表单中的onclick事件中在这次点击事件不会提交表单，如果放到超链接中则在这次点击事件不执行超链接href属性。

--------------------

修改后的代码：

**方法二：**  
点击事件中 οnclick=“checkLogin()” 变成οnclick=“return checkLogin();”

并且在checkLogin中 return false;这样的话 a标签的href也不会执行。 这样就能window.location.href顺利跳转。

代码如下：