Javascript确认框,如果单击取消,则不会重新加载页面

时间:2014-03-01 13:16:10

标签: javascript jquery html alert confirmation

是否有确认框出现,如果我点击“确定”它会转到另一个页面,如果我点击“取消”它将停留,当前页面将不会再次重新加载?谢谢。

4 个答案:

答案 0 :(得分:5)

function reload()
{
    var r=confirm("Do you want to leave page!");
    if (r)
    {
        //write redirection code
        window.location = "http://www.yoururl.com";
    }
    else
   {
        //do nothing
    }
}

当您想要用户确认时调用此功能.........

答案 1 :(得分:1)

您可以使用confirm(),在确认上返回true,在取消上返回false

function myFunction(){
    if(confirm("Would you like go to other page?")){
        window.location = "http://yahoo.com";
    }else{
        alert('fine, if not want');
    }
}
myFunction();

更新了

DEMO

<强> UPDATED2

<button onclick="return logout()" >logout</button>
<script>
function logout(){
    if(confirm("Would you like go to other page?")){
        window.location = "failed.php";
    }else{
        //do your stuff on if press cancel          
    }
}
</script>

答案 2 :(得分:0)

您可以尝试

<script>
function myfunction(){
    if(confirm("The confirm message")){
        youDoTheThingsHere();
        return false;
    }else{
       console.log("I cancelled the dialog!");
       return false;
    }
}
</script>

我不确定您的某些情况以及您致电确认时所涉及的代码,但这对我有用。作为最后的手段,您可以看到的另一个选项是使用类似引导模式的东西来触发“确认”模式。使用引导模式,您可以根据自己的喜好设计它...希望我能帮忙!

答案 3 :(得分:-1)

使用“返回无”

function myFunction(){
   if (confirm("Confirm to reset your content!")){
        location.reload();
   }else{
        return None;
   } 
}