javascript - HTML内のJavaScript関数呼び出しhref

Question

showImage特定のIDの画像を表示するJavaScript関数があります。その関数を呼び出すHTMLリンクがあります

<a href="javascript:showImage('img1')">show image1</a>

aこのようにHTMLタグ内でJavaScriptを呼び出すのは良い考えですか？それはうまくいくようですが、これはそれを行うための「正しい」方法ですか？

Answer 1

ほとんどの場合、HTMLをjavascriptコードと結合したくありません。ユーザーに対して透過的なイベントハンドラーをアタッチすることをお勧めします。このように、ユーザーがjavascriptを無効にしている場合は、正常に機能を低下させることができます。

問題を解決する多くの方法、それはすべてどのアプローチが必要かによって異なります。

参照：

• プログレッシブエンハンスメントとグレースフルデグラデーション：概要
• 控えめなJavaScriptの原則
• element.addEventListenerに関するMozillaのメモ、サポートする必要のあるブラウザとバージョンに応じた代替方法に注意してください

Answer 2

それはうまくいくようですが、これはそれを行うための「正しい」方法ですか？

正解は非常に主観的ですが、おそらくそうではありません。

控えめなJavaScriptを調査する必要があります。

次のようなものを使用してみてください。

document.getElementById('my_link').addEventListener('click', function (event) {
    event.preventDefault();
    showImage('img1');
}, false);