html Fenster schließen

PHPz
Freigeben: 2023-05-21 16:27:37
Original
1523 Leute haben es durchsucht

HTML, das das Fenster schließt, bezieht sich auf die Funktion, das Fenster durch Schreiben von HTML-Code zu schließen. Auf herkömmlichen Webseiten erfordert das Schließen eines Fensters häufig, dass der Benutzer manuell auf die Schaltfläche zum Schließen des Browsers klickt. In einigen Szenarien, z. B. auf der Homepage einer Website, auf der Anmeldeseite usw., müssen wir das Fenster jedoch möglicherweise automatisch schließen, um die Benutzererfahrung zu verbessern. In diesem Artikel werden verschiedene Methoden zum Implementieren der Funktion zum Schließen des Fensters in HTML vorgestellt.

Fenster schließen über JavaScript

JavaScript ist eine in der Webentwicklung weit verbreitete Skriptsprache. Sie kann zum Bedienen von Elementen in Webseiten und zum Erzielen interaktiver Effekte verwendet werden. In JavaScript können wir die Methodewindow.close()verwenden, um das aktuelle Fenster zu schließen. Zum Beispiel:window.close()方法来关闭当前窗口。例如:

Nach dem Login kopieren

在此代码中,我们创建了一个按钮,并将onclick事件绑定到window.close()方法上。当用户点击按钮时,window.close()会被执行,从而关闭当前窗口。

需要注意的是,由于浏览器的安全限制,仅在打开该窗口的脚本能够关闭该窗口。也就是说,如果窗口是通过用户手动打开的(而不是通过 JavaScript 打开的),那么 JavaScript 是无法关闭该窗口的。此外,如果我们试图在浏览器中执行该代码,通常会得到一个安全提示,要求用户确认是否允许关闭该窗口。

通过超链接关闭窗口

除了通过 JavaScript,我们还可以通过超链接来关闭窗口。这种方法不需要编写 JavaScript 代码,而是直接在 HTML 中添加超链接标签,并将链接地址设为"javascript:window.close()"。例如:

关闭窗口
Nach dem Login kopieren

在此代码中,我们创建了一个超链接,并将其链接地址设为"javascript:window.close()"。当用户单击链接时,浏览器会自动执行链接地址中的 JavaScript 代码,从而关闭当前窗口。

需要注意的是,由于浏览器的安全限制,与前面所提到的 JavaScript 方法一样,该方法同样只能关闭由 JavaScript 打开的窗口,无法关闭由用户手动打开的窗口。

通过 meta 标签关闭窗口

除了以上两种方法,我们还可以使用 meta 标签实现关闭窗口。这种方法仅适用于关闭在新窗口中打开的页面。我们可以在新窗口的 HTML 中添加以下 meta 标签:

Nach dem Login kopieren

在该代码中,我们通过http-equiv属性设置了 HTTP 头部的元数据,通过content属性设置了浏览器的刷新时间和重定向地址。此外,重定向地址设置为"about:blank"rrreee

In diesem Code erstellen wir eine Schaltfläche und binden das Ereignis onclickan die Methode window.close(). Wenn der Benutzer auf die Schaltfläche klickt, wird window.close()ausgeführt und somit das aktuelle Fenster geschlossen.

Es ist zu beachten, dass aufgrund von Sicherheitsbeschränkungen des Browsers nur das Skript, das das Fenster öffnet, das Fenster schließen kann. Das heißt, wenn ein Fenster vom Benutzer manuell geöffnet wird (und nicht über JavaScript), kann JavaScript das Fenster nicht schließen. Wenn wir außerdem versuchen, diesen Code in einem Browser auszuführen, erhalten wir normalerweise eine Sicherheitsabfrage, in der wir den Benutzer auffordern, die Erlaubnis zum Schließen des Fensters zu bestätigen.

Fenster über Hyperlink schließen

Zusätzlich zu JavaScript können wir das Fenster auch über Hyperlink schließen. Diese Methode erfordert kein Schreiben von JavaScript-Code, sondern fügt ein Hyperlink-Tag direkt zum HTML hinzu und setzt die Linkadresse auf "javascript:window.close()". Zum Beispiel: rrreeeIn diesem Code erstellen wir einen Hyperlink und setzen seine Linkadresse auf "javascript:window.close()". Wenn der Benutzer auf den Link klickt, führt der Browser automatisch den JavaScript-Code in der Linkadresse aus und schließt das aktuelle Fenster. Es ist zu beachten, dass diese Methode aufgrund von Sicherheitsbeschränkungen des Browsers, wie die oben erwähnte JavaScript-Methode, nur von JavaScript geöffnete Fenster schließen kann und keine vom Benutzer manuell geöffneten Fenster schließen kann. Schließen Sie das Fenster über Meta-TagsZusätzlich zu den beiden oben genannten Methoden können wir auch Meta-Tags verwenden, um das Fenster zu schließen. Diese Methode funktioniert nur zum Schließen von Seiten, die in neuen Fenstern geöffnet wurden. Wir können das folgende Meta-Tag im HTML des neuen Fensters hinzufügen: rrreeeIn diesem Code legen wir die Metadaten des HTTP-Headers über das Attribut http-equivund über fest contentDas Attribut code> legt die Aktualisierungszeit und die Weiterleitungsadresse des Browsers fest. Darüber hinaus ist das Festlegen der Weiterleitungsadresse auf eine leere Seite von "about:blank"gleichbedeutend mit der Anweisung an den Browser, zu keiner Seite zu springen. Es ist zu beachten, dass diese Methode nur das von JavaScript geöffnete Fenster schließen kann und einige Kompatibilitätsprobleme auftreten können. Einige Browser deaktivieren möglicherweise die automatische Aktualisierungsfunktion oder erfordern, dass der Benutzer sie manuell aktiviert. FazitObwohl wir die Funktion zum Schließen des Fensters in HTML auf mehrere Arten implementieren können, sollten wir unabhängig von der verwendeten Methode die Rechte des Benutzers und die Sicherheitsprobleme des Browsers respektieren. Beim Schreiben von Code müssen wir die Vor- und Nachteile jeder Methode sorgfältig abwägen und die am besten geeignete Methode auswählen, um die Funktion des Fensterschließens zu erreichen. Gleichzeitig können wir auch verschiedene Methoden kombinieren, beispielsweise den Aufruf von Hyperlinks oder Meta-Tags in JavaScript, um flexiblere Fenstereffekte zu erzielen.

Das obige ist der detaillierte Inhalt vonhtml Fenster schließen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!