Ein Tag löst ein Onclick-Ereignis aus, ohne zu springen

Bei der Entwicklung von Webseiten treten häufig folgende Situationen auf:

1. Ein Etikett muss nur ein On-Click-Verhalten auslösen. oder andere visuelle Effekte, die einem Tag ähneln.

Wenn wir beispielsweise einen Löschvorgang durchführen, müssen wir zur Vermeidung von Fehlbedienungen ein Dialogfeld öffnen, in dem der Benutzer bestätigen kann, ob er löschen möchte. Daher verwenden wir häufig den Link 3499910bf9dac5ae3c52d5ede73834855db79b134e9f6b82c0b36e0489ee08ed anstelle von bb9345e55eb71822850ff156dfde57c8, um das Onclick-Ereignis auszulösen.

Der Code lautet wie folgt:

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

Dies hat zur Folge, dass der js-Code zur Seite „Execute Delete.jsp“ springt und das
Es gibt vier Hauptlösungen:

1. Ohne das a-Tag setzen Sie CSS oder verwenden Sie js, um es auszudrücken (etwas kompliziert);

2. Verwenden Sie ein Tag, ein Onclick-Attribut oder ein Onclick-Ereignis, um false zurückzugeben (persönliche Präferenz)

Zum Beispiel: ce613c42d1442e5b2eaa9611bf017ad1Delete5db79b134e9f6b82c0b36e0489ee08ed

Dies ist eine Frage der Ausführungsreihenfolge. 3499910bf9dac5ae3c52d5ede7383485Die Ausführungsreihenfolge dieses Tags sollte sein, zuerst das Onclick-Skript auszuführen und dann zur Seite zu springen wird durch den href-Parameter angegeben. Durch die Rückgabe von „false“ in onclick können Sie den Workflow des 3499910bf9dac5ae3c52d5ede7383485-Tags abbrechen, d. h. verhindern, dass die Seite zu der durch den href-Parameter angegebenen Seite springt.

3. Verwenden Sie ein Pseudoprotokoll wie href="javascript:void(0)" (diese Art von Pseudoprotokoll sollte seltener geschrieben werden)

Das heißt: 64359dfe520474a170bea907e3db4df2delete5db79b134e9f6b82c0b36e0489ee08ed

4. 6406b8db42f32b1a31c22cdc79f5ed9b. (Springen Sie immer zum Anfang der aktuellen Seite. Wenn die Seite viel Inhalt hat, fühlt es sich immer noch wie ein Sprung an.)

Sonstiges Wissen:

Der folgende Code erstellt einen Hyperlink Benutzer klickt Das Formular wird gesendet. 4c78147385a91189b82dff2dcb78bee3Senden Sie das Formular hier63505a6f727f70c8bd4066f3066dcb9d

href="#" im a-Tag # bedeutet Anker Punkt, der auch als aktuelle Seite betrachtet werden kann

So verwenden Sie den Anker:

Der Effekt ist: Klicken Sie auf den Anker, um zum Ankerabsatz zu gelangen.

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