[解決済み] JavaScript - ハイパーリンクのコールバック関数における href と onclick の比較
2022-03-06 14:30:10
質問
クリックされたときに、リダイレクトなしで簡単な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; } );
関連
-
[解決済み] jQueryで、ユーザーがそのフィールドを編集している間、テキストフィールドの最初の文字を大文字にするにはどうすればよいですか?
-
[解決済み】ある要素が可視DOMに存在するかどうかを確認するにはどうすればいいですか?
-
[解決済み】module.exports "モジュールが定義されていません"
-
[解決済み] 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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】TypeError: 'undefined'はオブジェクトではありません。
-
[解決済み】Uncaught TypeError: nullのプロパティ'value'を読み取ることができない
-
[解決済み] React with ES7: Uncaught TypeError: Cannot read property 'state' of undefined [duplicate] (未定義のプロパティ'state'を読み込むことはできません。
-
[解決済み] テスト
-
[解決済み】React、Uncaught ReferenceError。ReactDOMは定義されていません
-
[解決済み】JS ファイルが net::ERR_ABORTED 404 (Not Found) を取得する)
-
[解決済み】DOMException: サポートされているソースが見つからなかったため、読み込みに失敗しました。
-
[解決済み】このオブジェクトの "forEach "はなぜ関数でないのですか?
-
[解決済み】中央値の計算 - javascript
-
[解決済み] javascript:void(0)」とは何ですか?