[解決済み] JavaScript - ハイパーリンクのコールバック関数における href と onclick の比較
2022-03-18 10:55:48
質問
クリックされたときに、リダイレクトなしで簡単なJavaScriptの関数を実行したいのですが。
の中にJavaScriptの呼び出しを置くのとでは、何か違いや利点があるのでしょうか?
href
属性を使用します(このように)。
<a href="javascript:my_function();window.print();">....</a>
に置くのと比べて
onclick
属性にバインドする)。
onclick
イベント)ですか?
解決方法は?
hrefの中にonclickを入れると、コンテンツと行動・アクションの分離を強く信奉する人たちを怒らせることになります。その主張は、htmlのコンテンツは、プレゼンテーションや動作ではなく、コンテンツのみに焦点を当てたままであるべきだというものです。
最近の典型的な方法は、javascriptのライブラリ(例:jquery)を使用し、そのライブラリを使ってイベントハンドラを作成することです。それは次のようなものです。
$('a').click( function(e) {e.preventDefault(); /*your_code_here;*/ return false; } );
関連
-
Javascript Bootstrapのグリッドシステム、ナビゲーションバー、ローテーションの説明
-
[解決済み] テスト
-
[解決済み】Node.js getaddrinfo ENOTFOUND
-
[解決済み] JavaScriptのオブジェクトが空であることをテストするにはどうすればよいですか?
-
[解決済み] event.preventDefault() vs. return false
-
[解決済み] Node.jsを使うタイミングをどう判断するか?
-
[解決済み] JavaScriptで配列の先頭に新しい配列要素を追加するにはどうすればよいですか?
-
[解決済み] 1...N を含む配列の作成方法
-
[解決済み】JavaScript版sleep()とは?)
-
[解決済み】JavaScriptの関数にデフォルトのパラメータ値を設定する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
jQueryのコピーオブジェクトの説明
-
Vueにシンプルなメモ帳機能を実装
-
vueにおけるv-forループオブジェクトのプロパティ
-
Vueのクラススタイルの使い方の詳細
-
[解決済み】"フォームが接続されていないため、フォームの送信がキャンセルされました "というエラーの取得について
-
[解決済み】ExpressJS - throw er Unhandled errorイベント
-
[解決済み】 `string.split is not a function` というエラーの原因は何ですか?
-
nodejs unhandledPromiseRejectionWarning メッセージ
-
JavaScriptのStringに関する共通メソッド
-
[解決済み] javascript:void(0)」とは何ですか?