всплывающее предупреждение javascript при щелчке по ссылке

Мне нужно предупреждение 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>

но как сделать так, чтобы это выполнялось только при нажатии на определенную ссылку?

17
alert confirm confirmation hyperlink javascript

4 ответов

просто сделайте его функциональным,

<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>
11

можно использовать

26

Single line работает просто отлично:

<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>
11

для этого вам нужно прикрепить обработчик к определенному якорю на странице. Для таких операций намного проще использовать стандартную структуру, такую как jQuery. Например, если бы у меня был следующий HTML

HTML-код:

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

я мог бы использовать следующий jQuery для подключения события к этой конкретной ссылке. 

// 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"
    }
  });

});
3