In diesem Artikel erfahren Sie, wie Sie mithilfe des TARGET-Attributs eine Website in einem neuen Fenster öffnen
HTML und JavaScript
HTMLs TARGET-Attribut
Verwenden Sie die Target-Eigenschaft des -Ankers, um den öffnenden benannten Rahmen oder das Fenster des Links anzugeben
Etikett. Das schließende -Tag in HTML-Inhalten muss nach jedem öffnenden -Tag erscheinen
Weil Elemente gepaart sind. Obwohl das href-Element (Hypertext-Referenz) des Ankers
Es gibt mehrere andere Optionen für das Tag. Es ist erforderlich, da es die Seite enthält, auf der sich die Seite befindet: https://www.php.cn/link/886ad506e0c115cf590d18ebb6c26561
Der Link verschwindet, sobald er angeklickt wird.
Grammatik
<a href="https://www.php.cn/link/886ad506e0c115cf590d18ebb6c26561" target="_top"> Linked Text </a>
Nach dem Login kopieren
Attributwert – Das durch das href-Attribut angegebene Zielfenster von https://www.php.cn/link/886ad506e0c115cf590d18ebb6c26561 wird dadurch referenziert
Eigentum. Es kann einen der folgenden Werte haben -
_top – Es ersetzt jeden vorhandenen Frame, um Webseiten mit Volltext in das Browserfenster zu laden.
_self – Standardmäßig ist _self der Standardwert der Zieleigenschaft. Es öffnet die Webseite im selben Fenster oder Frame, in dem der Link geöffnet wurde.
_blank – Nach dem Laden der Webseite wird ein neues Browserfenster geöffnet.
_parent – Diese Methode lädt die Webseite in ein übergeordnetes Fenster oder Frameset.
Das
-Element von HTML (das den Inhalt der verlinkten Website anzeigt) muss vorhanden sein
Wenn Sie den Webinhalt in einen anderen Frame laden möchten, geben Sie das NAME-Attribut an.
Zusätzlich muss das Zielattribut des -Elements zusammen mit dem Namen des Elements angegeben werden.
Der Frame, dessen Inhalt angezeigt wird.
Beispiel
Lassen Sie uns in diesem Beispiel die Verwendung von target="blank" wie unten gezeigt verstehen. Die Webseite wird geöffnet
Immer wenn der Benutzer auf den Linktext klickt, wird dieser in einem neuen Fenster angezeigt.
<!DOCTYPE html>
<html>
<title>Target a Window Using JavaScript or HTML - TutorialsPoint</title>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h2 style="color:rgb(6, 92, 157);">The webpage will launch in a new window after clicking the link below.</h2>
<a href="https://www.php.cn/link/1a09a1f048354ae7570bf137f30abd21" target="_blank">Welcome to Tutorialspoint website!</a>
</body>
</html>
Nach dem Login kopieren
Öffnen Sie mit JavaScript einen neuen Tab https://www.php.cn/link/886ad506e0c115cf590d18ebb6c26561
Anchor-Tags in HTML sind eine einfache und unkomplizierte Möglichkeit, https://www.php.cn/link/886ad506e0c115cf590d18ebb6c26561 in einem neuen Tab zu öffnen. Dieser Abschnitt hat
Weitere Informationen zu diesem Label. Es gibt jedoch einige Fälle, in denen Javascript verwendet werden muss, um dies zu erreichen
Gleiche Mission. In diesem Fall ist die Methode window.open() hilfreich. browserbasiert
Konfigurations- und Parameterwerte: Mit der Methode window.open() kann ein neues Fenster geöffnet werden
Browserfenster oder neuer Tab.
Strategie
Wir müssen _blank im zweiten Parameter verwenden, um mit der Methode window.open() einen neuen Tab zu öffnen.
Der von window.open() zurückgegebene Wert. Die von window.open() zurückgegebene Referenz ist entweder das neu generierte Fenster oder die neu generierte Registerkarte oder null, wenn dies fehlschlägt.
Vermeiden Sie das Hinzufügen eines dritten Parameters, da dies dazu führt, dass ein neues Fenster anstelle einer Registerkarte geöffnet wird.
Grammatik
window.open(https://www.php.cn/link/886ad506e0c115cf590d18ebb6c26561, '_blank');
Nach dem Login kopieren
Beispiel
In diesem Beispiel wollen wir verstehen, wie man mithilfe von JavaScript einen Link in einem neuen Tab öffnet (https://www.php.cn/link/886ad506e0c115cf590d18ebb6c26561).
window.open()-Methode.
<!DOCTYPE html>
<html>
<title>Target a Window Using JavaScript or HTML - TutorialsPoint</title>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
</head>
<body style="text-align:center; padding-top: 50px;">
<p> Once you click the button <strong>tutorialspoint.com</strong> link will launch in a new tab
</p><br>
<button button type="button" class="btn btn-success" onclick="openNewTab()">
<strong>Open TutorialsPoint</strong>
</button>
<script>
function openNewTab() {
window.open(
"https://www.php.cn/link/1a09a1f048354ae7570bf137f30abd21", "_blank");
}
</script>
</body>
</html>
Nach dem Login kopieren
Beispiel
<!DOCTYPE html>
<html>
<title>Target a Window Using JavaScript or HTML - TutorialsPoint</title>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
</head>
<body style="text-align:center; padding-top: 50px;">
<p> Click the button to learn <strong>JavaScript</strong> with
<strong>tutorialspoint.com</strong> link, it will launch in a new tab</p><br>
<button button type="button" class="btn btn-success" onclick="myNewTab()">
<strong>Open TutorialsPoint</strong>
</button>
<script>
function myNewTab() {
window.open(
"https://www.php.cn/link/1a09a1f048354ae7570bf137f30abd21javascript/index.htm", "_blank");
}
</script>
</body>
</html>
Nach dem Login kopieren
Einführung
In HTML müssen Sie https://www.php.cn/link/886ad506e0c115cf590d18ebb6c26561 in das Attribut href des Ankers einfügen
Verwenden Sie dieses Element, wenn Sie Benutzer auf eine andere Website weiterleiten möchten. Wenn Sie möchten, dass der Link in einem neuen Fenster geöffnet wird
Im Browserfenster müssen Sie auch das Ziel angeben.
Sie können die gleiche Aufgabe in JavaScript mit der Methode window.open() ausführen. sogar
Wir können dies zwar auch mit HTML tun, die JavaScript-Option ist jedoch von Vorteil.
Das obige ist der detaillierte Inhalt vonPositionieren Sie Fenster mit JavaScript oder HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
