タグはジャンプせずに onclick イベントをトリガーします

Web ページを開発するとき、次のような状況がよくあります。

1. ラベルは onclick 動作をトリガーするだけで済みます。

2. パフォーマンスには、マウス ポインターの表示、またはラベルに似たその他の視覚効果が必要です。

例えば、削除操作を実行する場合、誤操作を避けるために、ユーザーに削除するかどうかを確認するダイアログボックスをポップアップ表示する必要があります。したがって、onclick イベントをトリガーするには、bb9345e55eb71822850ff156dfde57c8 の代わりにリンク 3499910bf9dac5ae3c52d5ede73834855db79b134e9f6b82c0b36e0489ee08ed を使用することがよくあります。

コードは次のとおりです:

<script type="text/javascript">
function del(){
if(confirm("确定删除该记录？")){
parent.window.location="执行删除.jsp";
return true;
}
return false;
}
</script>
<a href=""  target="mainFrame" onclick="del()" >删除</a>

この結果、js コードは「Execute Delete.jsp」ページにジャンプし、3499910bf9dac5ae3c52d5ede7383485 タグもジャンプして空のページを開きます。 HTML 自体が 3499910bf9dac5ae3c52d5ede7383485 タグの href 属性を処理するため、最初に独自に定義されたメソッドが実行され、次に独自のメソッド (ジャンプ メソッド) が実行されます。

主な解決策は次の 4 つです:

1. タグを使用しない、css を設定するか、js を使用して表現します (少し複雑です)。

2. タグ、onclick 属性、または return を使用します。 onclick イベントの false ;(個人的なお気に入り)

例: 2241a8fa7ebe4510dd0333e18e986744削除5db79b134e9f6b82c0b36e0489ee08ed

これは次の質問です。実行順序、553a280de7202c0dce8dfe871821475eこのタグの実行順序は、最初に onclick スクリプトを実行し、最後に href パラメータで指定されたページにジャンプする必要があります。 onclick で false を返すと、3499910bf9dac5ae3c52d5ede7383485 タグのワークフローを中止できます。つまり、href パラメータで指定されたページにページがジャンプするのを防ぐことができます。

3. href="javascript:void(0)"; のような疑似プロトコルを使用します (この種の疑似プロトコルはあまり頻繁に記述しないでください)
つまり、8d8b49ee05ea2b5d95fac01a49dcf271削除5db79b134e9f6b82c0b36e0489ee08ed

4. 962c0d911c24c98061cacb2b2b3efe24削除5db79b134e9f6b82c0b36e0489ee08ed。 (常に現在のページの先頭にジャンプします。ページに多くのコンテンツがある場合でも、ジャンプしたくなるでしょう)

その他の知識:

次のコードはハイパーリンクを作成し、ユーザーはクリックするとフォームを送信します。 。 4c78147385a91189b82dff2dcb78bee3ここからフォームを送信63505a6f727f70c8bd4066f3066dcb9d

a タグの href="#" の # はアンカー ポイントですの意味は現在のページとみなすこともできます

以下はアンカーの使用方法です:

<!-- 定义一个锚。 -->
<a name="anchor">锚点</a>
<!-- 本页面的一个连接,连接到锚: -->
<a href="#anchor">锚</a>

その効果は次のとおりです: アンカーをクリックするとアンカー段落に移動します。