Посилання на прив'язку HTML - href та onclick обидва?

Я хочу створити прив'язувальний тег, який виконує деякий JavaScript, а потім переходить туди, куди hrefйого брав. Виклик функції, яка виконує мій JavaScript, а потім встановлює window.locationабо top.locationдо hrefрозташування, для мене не працює.

Отже, уявіть, у мене на сторінці є елемент з ідентифікатором "Foo". Я хочу створити прив'язку, подібну до:

<a href="#Foo" onclick="runMyFunction(); return false;">Do it!</a>

Коли натискається це, я хочу виконати runMyFunction, а потім перейти на сторінку #Foo(не викликати перезавантаження - використання top.locationпризведе до перезавантаження сторінки).

Пропозиції? Я радий використовувати jQuery, якщо він може тут допомогти ...

Просто return trueзамість цього?

Повернене значення з onClickкоду визначає, чи обробляється властива на посилання дія, що натиснута, чи ні - повернення falseозначає, що воно не обробляється, але якщо ви повернетесь, trueбраузер продовжить обробляти його після повернення вашої функції та перейде до належного якір.

<a href="#Foo" onclick="return runMyFunction();">Do it!</a>

і

function runMyFunction() {
  //code
  return true;
}

Таким чином у вас буде виконано функцію youf, і ви перейдете за посиланням, і ви перейдете за посиланням саме після успішного запуску вашої функції.

Якщо посилання має змінити місце розташування лише у випадку успішного запуску функції, тоді зробіть це onclick="return runMyFunction();" і у функції ви повернете true або false.

Якщо ви просто хочете запустити функцію, а потім дозволити тегу прив'язки виконувати свою роботу, просто видаліть return false оператор.

Як побічне зауваження, натомість вам слід скористатися обробником подій, оскільки вбудований JS - не дуже оптимальний спосіб робити щось.

Роблячи чисту структуру HTML, ви можете використовувати це.

//Jquery Code
$('a#link_1').click(function(e){
  e . preventDefault () ;
  var a = e . target ;
  window . open ( '_top' , a . getAttribute ('href') ) ;
});

//Normal Code
element = document . getElementById ( 'link_1' ) ;
element . onClick = function (e) {
  e . preventDefault () ;
  
  window . open ( '_top' , element . getAttribute ('href') ) ;
} ;

<a href="#Foo" id="link_1">Do it!</a>