リンクをクリックしても JavaScript 関数が呼び出されないのはなぜですか?

リンクのクリック時に JavaScript 関数が呼び出されない

このシナリオでは、変更を目的としたリンクを含むサイドバー ナビゲーションを持つ Web ページがあります。クリックして iFrame のソースを表示します。ただし、これを実現するために JavaScript を使用しているにもかかわらず、必要な機能はトリガーされません。

原因:

提供されたコードを確認したところ、無視したことが明らかです。 getContent 関数の後の括弧を省略して呼び出します。名前:

<a href="#" onclick='getContent()'> LoremIpsum</a>

修正:

問題を解決するには、関数呼び出しの後に括弧を含めることが重要です:

<a href="#" onclick='getContent()'> LoremIpsum</a>

追加のガイドライン:

この特定の問題を解決する際に

• インライン イベント属性を避ける: HTML イベント属性 (例: onclick) の使用は、デバッグの難しさ、重複、品質の低さなどのいくつかの理由から推奨されません。スケーラビリティ、および懸念の分離アプローチからの逸脱。
• 使用「addEventListener()」: インライン イベント ハンドラーの代わりに、JavaScript 内でイベント ハンドラーを定義し、「addEventListener()」メソッドを使用することをお勧めします。
• ハイパーリンクの代わりにボタンを使用する: JavaScript 機能をトリガーすることが目的の場合は、ハイパーリンクではなくボタンを使用することをお勧めします。ただし、ハイパーリンクが必要な場合は、ネイティブ ナビゲーションを防ぐために、必ず「href」属性を「#」に設定してください。

コード例:

これは必要な変更を組み込んだコードの更新バージョン:

<button>

以上がリンクをクリックしても JavaScript 関数が呼び出されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。