リンク上のJavaScriptのポップアップアラート

Question

リンクをクリックするとjavascript 'OK'/'Cancel'アラートが必要です。

私は、アラート・コードがあります。

<script type="text/javascript"> 
<!-- 
var answer = confirm ("Please click on OK to continue.") 
if (!answer) 
window.location="http://www.continue.com" 
// --> 
</script> 

をしかし、特定のリンクをクリックしたときにどのように私はそれので、これだけで実行するのですか？

Answer 1

ちょうどあなたがページ上の特定のアンカーにハンドラをアタッチする必要があり、これを行うためには、その機能

<script type="text/javascript"> 
function AlertIt() { 
var answer = confirm ("Please click on OK to continue.") 
if (answer) 
window.location="http://www.continue.com"; 
} 
</script> 

<a href="javascript:AlertIt();">click me</a> 

Answer 2

を作ります。このような操作のためには、jQueryのような標準フレームワークを使うほうがはるかに簡単です。私は、次のHTML

HTML持っている場合たとえば：

<a id="theLink">Click Me</a> 

を私は特定のリンクにイベントをフックアップするために、次のjQueryを使用することができます。続行したくないだけでreturn false場合は、onclick属性を使用することができます

// Use ready to ensure document is loaded before running javascript 
$(document).ready(function() { 

    // The '#theLink' portion is a selector which matches a DOM element 
    // with the id 'theLink' and .click registers a call back for the 
    // element being clicked on 
    $('#theLink').click(function (event) { 

    // This stops the link from actually being followed which is the 
    // default action 
    event.preventDefault(); 

    var answer confirm("Please click OK to continue"); 
    if (!answer) { 
     window.location="http://www.continue.com" 
    } 
    }); 

}); 

Answer 3

。

<script type="text/javascript"> 
function confirm_alert(node) { 
    return confirm("Please click on OK to continue."); 
} 
</script> 
<a href="http://www.google.com" onclick="return confirm_alert(this);">Click Me</a> 

Answer 4

シングルラインが正常に動作します：同じページ上の別のリンクを別の行を追加し

<a href="http://example.com/" 
onclick="return confirm('Please click on OK to continue.');">click me</a> 

があまりにも正常に動作します：

<a href="http://stackoverflow.com/" 
onclick="return confirm('Click on another OK to continue.');">another link</a> 

Answer 5

function alert() { 
    var answer = confirm ("Please click on OK to continue.") ; 

    if(answer){ 
     window.location="url"; 
    } 
}