HTML A标签内点击时跳出确认框

HTML A标签内点击时跳出确认框-青鹿云

需求如下:

在跳转链接前,需要判断该用户是否有权限打开页面,没有权限的弹出一个确认框提示“没有权限”,有权限的则直接跳转页面。

a标签弹窗提示

  • 方法一
<a  href="http://www.baidu.com" onClick="return confirm('确定删除?');">[删除]</a>
  • 方法二
<a οnclick="confirm(‘确定要跳转吗?')?location.href='www.baidu.com':''" href="javascript:;">百度</a>

html标签弹窗提示

<a href="http://www.baidu.com" οnclick="if(confirm('确认百度吗?')==false)return false;">百度</a>  

js函数中调用

function foo(){  
    if(confirm("确认百度吗?")){  
        return true;  
    }  
    return false;  
 }    

对应标签改为

<a href="http://www.baidu.com" οnclick="return foo();">百度</a> 
  • 注意事项:

我们这里写的是a标签点击提交出现的跳转事件,表单提交时,也是这么做。
不管怎样,你要记住的是(绝学秘籍),必须将return 写在标签里,否则不管你是否点击确定,都会出现跳转和表单内提交。

以上参考资料总结:

  • 1.跳转的方法:

1>. 把连接放在a元素的href属性中进行页面跳转

2>. 使用location.href进行页面跳转

  • 2.阻止跳转的方法:

在click事件内使用return 或 return false; 返回,不继续执行。——这里引申出一个问题,click事件与href的执行先后顺序

© 版权声明
THE END
喜欢就支持一下吧
点赞495 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容