Eine kurze Einführung in die elegante Degradation in JavaScript

Der sogenannte reibungslose Abbau bedeutet, dass Besucher Ihre Webseite weiterhin reibungslos durchsuchen können, wenn der Browser kein JavaScript unterstützt oder JavaScript deaktiviert ist. Nachfolgend finden Sie eine kurze Einführung in den reibungslosen Abbau in js. Werfen wir einen Blick darauf

Die sogenannte reibungslose Verschlechterung bedeutet, dass Besucher Ihre Webseite weiterhin reibungslos durchsuchen können, wenn der Browser kein JavaScript unterstützt oder JavaScript deaktiviert ist. Das heißt, einige Funktionen können zwar nicht verwendet werden, grundlegende Vorgänge können jedoch weiterhin ausgeführt werden erfolgreich.

Hier verwenden wir das Öffnen eines Links in einem neuen Fenster. Wir kennen die Methode zum Öffnen eines neuen Fensters in js:

window.open(url,name,features)

Hier ist die URL die URL-Adresse der geöffneten Webseite, Name ist der Name des neuen Fensters und die letzten Features sind eine Reihe von Parametern

Okay, jetzt schreiben Sie eine einfache Funktion:

function openwindow(winUrl){ 
window.open(winUrl,"new window","width = 320 , height = 480") 
}

Dann können Sie das Pseudoprotokoll verwenden, um die Funktion aufzurufen:

<a href = "javascript:openwindow(&#39;http://www.google.com&#39;);">google</a>

Dieser Ansatz kann normal funktionieren In Browsern, die das Pseudoprotokoll „JavaScript:“ unterstützen, versuchen Browser, die JavaScript nicht unterstützen, den Link zu öffnen, schlagen jedoch fehl, während Browser mit deaktiviertem JavaScript nichts tun.

Ein anderer Ansatz ist die Verwendung von onclick :

<a href = "#" onclick = "openwindow(&#39;http://www.google.com&#39;);return false;">google</a>

Hier stellt „#“ einen leeren Link dar. Nach dem Hinzufügen von „return false“ springt das -Tag nicht zu dem durch href angegebenen Link Die eigentliche Arbeit hier wird in onclick ausgeführt. Dies kann jedoch immer noch nicht in einem Browser mit deaktiviertem JavaScript geöffnet werden.

Wie kann man dieses Problem lösen? Tatsächlich brauchen Sie nur:

<a href = "http://www.google.com" onclick = "openwindow(http://www.google.com);return false;">google</a>

oder:

<a href = "http://www.google.com" onclick = "openwindow(this.href);return false;">google</a>

Wir verwenden onclick, um die JavaScript-Funktion auszuführen, aber die URL wird tatsächlich in das href-Attribut eingefügt. Auf diese Weise kann kein neues Fenster geöffnet werden, wenn sie sich in einem Browser mit deaktiviertem JavaScript befindet , im neuen Fenster Öffnen Sie die Verbindung, aber Sie können zumindest zur Zielwebseite (aktuelle Seite) springen. Lassen Sie uns abschließend darüber sprechen, warum eine reibungslose Degradierung verwendet wird Browser, die JavaScript deaktiviert haben oder nicht unterstützen Ist es so wichtig, dass der Browser erfolgreich auf Ihre Website zugreifen kann? Schließlich sollte es nur sehr wenige Benutzer geben, die JavaScript nicht unterstützen oder die JavaScript-Funktion immer deaktivieren.

Es stimmt, dass es nur sehr wenige solcher Benutzer gibt, aber es ist wichtig;

Dieser Benutzer kann ein Suchroboter sein – ein automatisiertes Programm, das verschiedene Webseiten durchsucht, nur um an der Suche teilzunehmen In der Suchmaschinendatenbank verfügen alle großen Suchmaschinen über ähnliche Programme, die meisten Suchroboter verstehen jedoch keinen JavaScript-Code. Wenn Ihre Webseite also nicht reibungslos heruntergestuft werden kann, hat dies erhebliche Auswirkungen auf ihr Ranking in der Suchmaschine.

Zusammenfassung

Das obige ist der detaillierte Inhalt vonEine kurze Einführung in die elegante Degradation in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!