文章目录
代码如下：
<li><a href="myblog.html" onclick="checkLogin()">博客管理</a></li>
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属性。
修改后的代码：
function checkLogin() {
var user_id=getCookiesPbyName("user_id");
if (user_id == null || user_id == ""){
alert("该页面需登陆以进入！");
window.location.href = "login.html";
window.event.returnValue=false;
}
}
方法二：
点击事件中 οnclick=“checkLogin()” 变成οnclick=“return checkLogin();”
并且在checkLogin中 return false;这样的话 a标签的href也不会执行。 这样就能window.location.href顺利跳转。
代码如下：
<li><a href="myblog.html" onclick="return checkLogin()">博客管理</a></li>
<script type="text/javascript">
function checkLogin() {
var user_id=getCookiesPbyName("user_id");
if (user_id == null || user_id == ""){
alert("该页面需登陆以进入！");
window.location.href = "login.html";
return false;
}
}
</script>
