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 anstelle von , 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 -Tags verarbeitet, führt es zuerst unsere eigene definierte Methode und dann seine eigene Methode (Jump-Methode) aus.

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: Delete

Dies ist eine Frage der Ausführungsreihenfolge. Die 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 -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: delete

4. . (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. Senden Sie das Formular hier

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>