タグの href と onclick での JavaScript の使用の違い

タグの href と onclick での JavaScript の使用の違い

⒈ リンクの onclick イベントが最初に実行され、続いて href 属性のアクション (ページ ジャンプ、または JavaScript 疑似リンク) が実行されます。リンクが同時に href と onclick があると仮定します。 href 属性の下のアクションを実行しないようにするには、onclick が false の戻り値を取得する必要があります

⒊ ページが長すぎてスクロール バーがある場合、リンクの onclick イベントを通じて操作を実行したいと考えています。その href 属性は # ではなく javascript:void(0); に設定する必要があります。これにより、不要なページ ジャンプを防ぐことができます。 戻り値を持つ関数がリンクの href 属性で呼び出された場合、現在のページのコンテンツがof はこの関数の戻り値に置き換えられます。Shift キーを押した場合は

⒌ が異なります。

⒍ IE6.0ではhref形式でParentNodeにアクセスできません。 A の href 属性として javascript:protocol を使用しないようにしてください。これにより、window.onbeforeunload イベントが不必要にトリガーされるだけでなく、IE での GIF アニメーション画像の再生が停止されます。それだけです、これに多くの時間を費やしました。

(IE6下)

<a href="javascript:void(0);" onclick="javascript:modifypassword();"><img src="images/blue/Modify.gif"/></a>

この書き方、IE6下でのURLはバックエンドをリクエストしていますが、フロントエンドには動きがありません

正しい書き方は

<a href="javascript:void(0);" onclick="javascript:modifypassword();return false;"><img src="images/blue/Modify.gif"/></a>

私の個人的なコレクションからのいくつかの例です誰もが学べるように:

1：<a href="####"></a>
2：<a href="javascript:void(0)"></a>
3：<a href="javascript:void(null)"></a>
4：<a href="#" onclick="return false"></a>
5：<span style="cursor:hand"></span>(好像在FF中不能显示)

----------------------------------------------------- --------- ----------------------------------

JavaScript の使用には注意してください: void(0) 今日テストしたところ、プログラムが実行されたことは明らかで、最終結果は正しいのですが、ページが更新されません。

FireFox2.0 と ie7 でテストしたところ、結果は正常でしたが、IE6 は更新されませんでした。慎重に調査した結果、ページのリンクは であることがわかりました。問題はこの void にあります。 (0 ) on!

まず、JavaScript の void(0) の意味を見てみましょう。JavaScript の void は、式の計算を指定する演算子ですが、値を返しません。

void 演算子の使用形式は次のとおりです。

1. javascript:void (e-xpression)
2. javascript:void e-xpression

e-xpression は、評価される JavaScript 標準式です。式の外側の括弧はオプションですが、括弧を記述することをお勧めします。 void 演算子を使用してハイパーリンクを指定できます。式は評価されますが、現在のドキュメントには何もロードされません。上記のコードは、ユーザーがクリックしても何も行わないハイパーリンクを作成します。ユーザーがリンクをクリックすると、 void(0) は 0 と評価されますが、JavaScript には影響しません。 ここをクリックしても何も起こりませんつまり、ページ全体を更新せずに何らかの処理を実行したい場合は、 void( 0) ですが、ページを更新する必要がある場合は注意が必要です。実際、 の場合、この文は送信操作を実行します。では、void(0) はどのような状況でより頻繁に使用されるのでしょうか? 更新がなければ、もちろん Ajax の Web ページを見ると、void(0)、:) が多く表示されます。 (0) )、このページ全体を更新する必要があるかどうかを考えるのが最善です。

以上がタグの href と onclick での JavaScript の使用の違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。