html öffnet ein neues Fenster mit einem Hyperlink und kann Fenstereigenschaften steuern

html öffnet ein neues Fenster mit einem Hyperlink und kann Fenstereigenschaften steuern

1. Die Größe des durch den HTML-Hyperlink geöffneten Fensters

Code kopieren
Der Code lautet wie folgt:

<a href="#" onclick="javascript:window.open('http://www.baidu.com','','height=20,width=20,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')">aaaaaaaaaaaaaaa</a>

2. Wenn PHP zu viele Anführungszeichen enthält und sich diese nur schwer entfernen lassen, können Sie die folgenden Methoden verwenden:

Code kopieren
Der Code lautet wie folgt:

$openNew="onclick=".'"'."javascript:window.open('host_graphics.php?host_id=$host_id&host_address=$host_address','','Höhe=500,Breite=600,Oben=300,Links=300,Symbolleiste=nein,Menüleiste=nein,Bildlaufleisten=nein,Größe veränderbar=nein,Standort=nein,Status=nein')".'"';
echo "<td style='vertical-align: middle;text-align: center;'><a href=#?host_id=$host_id&host_address=$host_address name='host_click' style='text-decoration:underline;' title='Klicken Sie hier, um das Überwachungsdiagramm des Hostsystems anzuzeigen' $openNew> $host_name </a></td>"; //Klicken Sie auf den Hostnamen, um die spezifischen Informationen des ausgewählten Hosts anzuzeigen

Tipp: onclick="javascript:window.open('12.php','','height=500,width=600,top=300,left=300,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')"

Der Datei kann der Wert der Variablen folgen, beispielsweise

host_graphics.php?host_id=$host_id&host_address=$host_adresse

Auf diese Weise kann das neue Fenster, das angezeigt wird, GET verwenden, um den Wert abzurufen.

3. Beispiel:

Code kopieren
Der Code lautet wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<Kopf>
<meta http-equiv="Inhaltstyp" content="text/html; charset=UTF-8" />
<Titel>ThD</Titel>
</Kopf>
<Text>
</body>
<a href="#" onclick="javascript:window.open('http://www.baidu.com','','height=500,width=600,top=300,left=300,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')">aaaaaaaaaaaaaaa</a>
</html>

<<:  Detaillierte Erklärung der verschiedenen Verwendungen von proxy_pass in nginx

>>:  MySQL-Lerndatenbankbetrieb DML ausführliche Erklärung für Anfänger

Artikel empfehlen

MySQL SHOW PROCESSLIST unterstützt den gesamten Prozess der Fehlerbehebung

1. SHOW PROCESSLIST-Befehl SHOW PROCESSLIST zeigt...

Konvertieren von XHTML-CSS-Seiten in Druckerseiten

<br />In der Vergangenheit musste zum Erstel...

So führen Sie das React-Projekt auf dem offiziellen WeChat-Konto aus

Inhaltsverzeichnis 1. Verwenden Sie das „A“-Tag, ...

Ein vollständiges Tutorial zur Verwendung der Axios-Kapselung in Vue

Vorwort Heutzutage wird in Projekten häufig die A...

Lösung für die Ineffektivität der flexiblen Layoutbreite in CSS3

In Projekten wird häufig das zweispaltige Layout ...

CSS-Layout-Tutorial: So erreichen Sie eine vertikale Zentrierung

Vorwort Ich habe kürzlich mein Front-End-Wissen z...

Tutorial zur HTML-Tabellenauszeichnung (15): Tabellentitel

<br />Mit diesem Tag können Sie direkt einen...

Eine bunte Katze unter Linux

Freunde, die das Linux-System verwendet haben, mü...

Navicat für MySQL 11 Registrierungscode\Aktivierungscode-Zusammenfassung

Lesetipp: Navicat12.1 Serie Cracking und Aktivier...

Reines CSS, um einen bewölkten Wettersymboleffekt zu erzielen

Wirkung Die Wirkung ist wie folgt ​ Umsetzungside...

Stellen Sie das Vue-Projekt auf einem Linux-Server bereit

Fall 1 vue-cli erstellt das vue3-Projekt, lädt da...

Installieren von MySQL 8.0.12 basierend auf Windows

Dieses Tutorial ist nur auf Windows-Systemen anwe...