HTMLアンカーリンク-hrefとonclickの両方？

JavaScriptを実行するアンカータグを作成して、それがどこにあるかhrefに移動します。JavaScriptを実行してから、window.locationまたはtop.locationそのhref場所に設定する関数を呼び出しても機能しません。

それでは、ページに「Foo」というIDの要素があるとします。次のようなアンカーを作成します。

<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;
}

このようにして、関数を実行し、リンクをたどり、関数が正常に実行された直後にリンクをたどります。

関数の実行が成功した場合にのみリンクが場所を変更する必要がある場合は、実行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>