js怎么实现控制a标签点击后是否打开链接?

a标签点击后会打开一个页面,现在我要实现点击后弹窗提醒,用户点同意再打开链接,不同意则取消打开。怎么实现呢,谢谢!

4个回答

onclick控制,return false不打开,否则打开。不能用层模拟,用层得直接返回false,然后location。href跳转,不能window.open打开,否则会被当做广告 拦截掉

 <a href="http://www.w3dev.cn" onclick="return confirm('是否打开网址??!')">打开网址</a>

用js事件拦截默认跳转动作,js可以通过location.href跳转

 <a href="javascript:confirm();">打开链接</a>

图片说明

 <html>
<head>
<meta charset="utf-8" />
<title>确认框提示</title>
<script language="javascript" type="text/javascript" src="http://libs.baidu.com/jquery/1.2.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function(){
        $("#tag").click(function(){
            var res=confirm("确认要跳转吗?");
            if(res){
               window.location="http://www.baidu.com";//确定后打开要跳转的链接地址
            }
            else{
                //不跳转的操作
            }
        });
    })
</script>
</head>
<body>
<div class="divframe">
 <a id="tag" style="cursor:pointer">点击此处跳转</a>
</div>
</body>
</html>
 <a href="http://baidu.com"  onclick="return confirm('你确认打开页面吗?')">111</a>
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问