Verwendung des Zielattributs des HTML-Tags a

1: Wenn Sie das Tag <a> zum Verlinken auf eine Seite verwenden, ist meiner Meinung nach jedem die Rolle des Zielattributs bekannt. Es bezieht sich auf die Form, in der die verlinkte Seite angezeigt wird. Häufig verwendete Werte von target sind: _blank (öffnet die verlinkte Seite in einem neuen Popup-Browserfenster) und _self (öffnet die verlinkte Seite im Originalfenster). Natürlich gibt es auch _top usw., aber da sie nicht häufig verwendet werden, werde ich sie hier nicht vorstellen.
Beispiel: <a href="http://jb51.net" target="_blank">123WORDPRESS.COM </a> bedeutet, auf 123WORDPRESS.COM zu verlinken und es in einem neuen Fenster zu öffnen.
2: Wenn Sie das Tag <a> verwenden, um eine Aktion auszulösen (nach Abschluss der Aktion springen Sie normalerweise zu einer bestimmten Seite). Diese Aktion kann hier in zwei Typen unterteilt werden:
(1) Aktionen, bei denen kein Formular übermittelt wird (d. h. Aktionen, bei denen nicht auf das Formular eingegangen wird). Relevante Szenarien in der Webentwicklung, wie etwa das Löschen eines einzelnen Datensatzes, sind nicht sehr kompliziert und erfordern nicht viele Parameter, die alle im Get-Modus übermittelt werden. Zu diesem Zeitpunkt können Sie über das Zielattribut das Anzeigeformat der Seite angeben, zu der gesprungen werden soll. Die Verwendung ist hierbei die gleiche wie unter 1. beschrieben.
Zum Beispiel
<a href="http://jb51.net/user/deleteAction.do?id=5" target="_self">Xiaomi Ming löschen</a> bedeutet, dass nach der Ausführung der Aktion eine neue Seite in diesem Fenster geöffnet wird.
(2) Der Vorgang des Einreichens in Form eines Formulars (d. h. der Vorgang des Übermittelns der im Formular enthaltenen Daten). Solche Anwendungen sind in der Webentwicklung üblich, wie etwa Benutzerregistrierung, Informationsänderung usw. Natürlich werden einige Leute sagen, dass die Daten im Formular direkt mit <input type="submit"> oder <input type="button"> übermittelt werden können. In manchen Fällen ist die Übermittlung jedoch möglicherweise in der Form <a href="javascript:Name Ihrer JS-Funktion"> vorzuziehen. Wenn Sie es in Form eines Tags <a> übermitteln und das Attribut „target“ verwenden möchten, um die Seite zu steuern, zu der nach der Verarbeitung gesprungen werden soll, funktioniert dies nicht. Zu diesem Zeitpunkt ist das Zielattribut nicht mehr wirksam. Stattdessen sollten Sie es im Zielattribut des Formulars festlegen, um das gewünschte Ergebnis zu erzielen!
Zum Beispiel:

Code kopieren

Der Code lautet wie folgt:

function check(){ //Überprüfen Sie, ob es nicht leer ist
wenn(form1.username.value=""){
zurückkehren;
}
form1.submit();
}
<form action="http://china.com/user/addAction.do" target="_blank" name="form1">
<input type="text" name="benutzername" >
</form>
<a href="javascript:check();" target="_self">Senden</a>

Zeigt an, dass nach der Verarbeitung der Aktion eine neue Seite in einem neuen Fenster geöffnet wird. (Obwohl hier das Zielattribut des Tags <a> festgelegt ist, wird es nicht wirksam. Stattdessen wird das Zielattribut des Formulars wirksam.)

<<: Detaillierte Erläuterung zum Erstellen, Aufrufen und Verwalten von MySQL-gespeicherten Prozeduren

>>: Docker richtet Port-Mapping ein, kann aber nicht auf die Lösung zugreifen

Zusammenfassung von 10 erweiterten Tipps für Vue Router

Beheben Sie das Problem, dass die Docker-Installation abgeschlossen und gemeldet wird: bridge-nf-call-iptables ist deaktiviert

Artikel

Verwendung des Zielattributs des HTML-Tags a

Zusammenfassung von 10 erweiterten Tipps für Vue Router

So führen Sie nach der Kompilierung und Installation von Nginx ein reibungsloses Upgrade durch

Zusammenfassung häufiger Probleme beim Herunterladen und Installieren von MySQL 5.7 unter Win7 64-Bit

Implementierungsskript für geplante Datenbanksicherung unter Linux

Beheben Sie das Problem, dass die Docker-Installation abgeschlossen und gemeldet wird: bridge-nf-call-iptables ist deaktiviert

Lösung zum automatischen Auslösen von Klickereignissen beim Klicken auf ein Popup-Fenster in Vue (Simulationsszenario)

Ausrichtungsproblem zwischen Eingabetextfeld und Bildbestätigungscode (Bild ist immer einen Kopf höher als die Eingabe)

Antd + vue realisiert die Idee der dynamischen Überprüfung kreisförmiger Attributformen

Spielen Sie mit der Connect-Funktion mit Timeout in Linux

Verwendung von CSS-Animationseigenschaften und Beispielcode (Übergang/Transformation/Animation)

Artikel empfehlen

Einige Dinge, die Sie über den Varchar-Typ in MySQL wissen sollten

Detaillierte Einführung in die Bereitstellung eines K8S-Clusters auf einem CentOS7-System

Einführung in die Verwendung gängiger XHTML-Tags

So starten Sie ein Vue.js-Projekt

So installieren Sie FastDFS in Docker

Perfekte Lösung für das Problem, dass MySQL keine Verbindung zur Datenbank über localhost herstellen kann

Wenn Nginx eingeschaltet ist, ist der Port belegt und es erscheint die Meldung: Adresse bereits in Verwendung

So implementieren Sie Datenpersistenz mit dem Vuex-Drittanbieterpaket

Javascript verwendet das Integritätsattribut zur Sicherheitsüberprüfung

Lösen Sie das Problem, dass bei der Set-Operation kein NULL gefunden wird, nicht wie bei MySQL

Vue+video.js implementiert Video-Wiedergabelisten

Einfaches Beispiel für die Verschönerung von HTML-Kontrollkästchen und -Radios

So richten Sie domänenübergreifenden Zugriff in IIS web.config ein

Awk-Befehlszeile oder Skript, das Ihnen beim Sortieren von Textdateien hilft (empfohlen)

So verwenden Sie JavaScript, um die am häufigsten wiederholten Zeichen in einer Zeichenfolge abzurufen