Web-Frontend
js-Tutorial
Wie verstecke ich JavaScript-Code vor älteren Browsern, die JavaScript nicht unterstützen?
Wie verstecke ich JavaScript-Code vor älteren Browsern, die JavaScript nicht unterstützen?
Ältere Browser verstehen manchmal keine JavaScript-Skript-Tags. Wenn nicht, werden sie es nur tun Ignorieren Sie es und zeigen Sie Ihr Skript so an, als wäre es Teil des (X)HTML-Dokumentkörpers. es ist Eine clevere Option, Kommentare zu verwenden, um Skripte in veralteten Browsern auszublenden, um dies zu verhindern.
Alle modernen Browser unterstützen jetzt JavaScript; frühere Browser jedoch nicht. dabei In diesem Artikel erfahren Sie, wie Sie verhindern können, dass JavaScript-Code in älteren Browsern ausgeführt wird.
Weil einige Ihrer Besucher die Website auf Mobiltelefonen betrachten, während andere große Desktops verwenden Auf dem Bildschirm kann eine Website nicht in allen Browsern genau gleich aussehen. Ebenso einige von Ihnen Benutzer verwenden veraltete Browser, während andere die neuesten Browser verwenden. Manche Ihre Benutzer verwenden möglicherweise einen Bildschirmleser, um sich Ihre Nachricht vorlesen zu lassen, oder haben dies auch getan Zum Lesen hineinzoomen. Bietet eine defensive Version von Inhalten, die großartig aussieht Moderne Browser, die aber auch für Benutzer älterer Browser grundsätzlich nutzbar sind, lautet das Konzept „Unterstützt alle.“
Strategie – Wir werden einzeilige HTML-Kommentare ohne ein Abschlusszeichen ( 标签已打开。之后，我们将创建隐藏的 JavaScript 代码 来自早期的浏览器。在我们使用结束符之前，脚本将使用 标签结束 带注释的字符 (//->) danach verwenden.
Grammatik
<script>
<!--
// Your JavaScript code
// that is hidden from older browser
console.log("Tutorials Point");
//-->
</script>
Beispiel 1
Lassen Sie uns in diesem Beispiel verstehen, ob der Browser ein Browser ist, der JavaScript unterstützt, dann der Hintergrund Die Farbe wechselt zu Rot, andernfalls bleibt sie gelb.
<!DOCTYPE html>
<html>
<title>How can JavaScript code be hidden from old browsers that do not support JavaScript - 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 bgcolor="green">
<h1 style="text-align: center; font-size: 3rem;">
Learn JavaScript with TutorialsPoint!
</h1>
<script type="text/javascript">
<!--
document.bgColor = "orange";
//-->
</script>
</body>
</html>
Wir können beobachten, dass veraltete Browser JavaScript-Code ignorieren und ihn als HTML behandeln Beachten Sie, dass aktuelle Browser problemlos auf JavaScript-Code zugreifen können.
Wird orange angezeigt, wenn der Browser JavaScript unterstützt, wie im Stil hinzugefügt Beispiel oben.
Wenn der Browser JavaScript nicht unterstützt, wird es als nächstes in Grün angezeigt, wie im Stil hinzugefügt das obige Beispiel.
Beispiel 2
Diese Methode zum Ausblenden von Skripten funktioniert auch für Browser, die JavaScript unterstützen. Die erste Summe des Skripts Die letzten Zeilen dienen als Titel. Der clientseitige JavaScript-Interpreter versteht HTML Behandeln Sie ihn jedoch wie einen einzeiligen Kommentar.
Daher wird die zweite Zeile in Browsern, die JavaScript unterstützen, als einzeiliger Kommentar behandelt. ähnlich Sie können sehen, dass die Zeile unten zweimal mit einer einzeiligen Kommentarzeichenfolge beginnt und daher JavaScript unterstützt Der Browser überspringt diese Zeile ebenfalls. Jetzt verkehren nur noch die Linien 3 bis 5 Wird als JavaScript-Anweisung ausgeführt.
Obwohl es etwas gewöhnungsbedürftig ist, ist dieses einfache, aber elegante HTML- und Mit JavaScript-Kommentaren erreichen wir unser Ziel, die Anzeige von JavaScript-Code zu verhindern Browser, die kein JavaScript unterstützen. Die Verwendung dieser Art von Kommentaren ist immer noch weit verbreitet Obwohl es heutzutage von weniger Browsern benötigt wird, ist es im JavaScript-Code im gesamten Internet vorhanden.
<!DOCTYPE html>
<html>
<title>How can JavaScript code be hidden from old browsers that do not support JavaScript - 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 style="text-align:center">
<h2> Visit TutorialsPoint! </h2>
<div id="result"> </div>
<script langauge="JavaScript">
<!-- start an HTML comment to hide the script
// Here are the JavaScript statements.
//
//
// close the HTML comment which hides the script -->
const date = new Date();
document.getElementById("result").innerHTML = (date);
</script>
</body>
</html>
Das obige ist der detaillierte Inhalt vonWie verstecke ich JavaScript-Code vor älteren Browsern, die JavaScript nicht unterstützen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1386
52
Was soll ich tun, wenn ich auf den Codendruck auf Kleidungsstücke für Front-End-Thermalpapier-Quittungen stoße?
Apr 04, 2025 pm 02:42 PM
Häufig gestellte Fragen und Lösungen für das Ticket-Ticket-Ticket-Ticket in Front-End im Front-End-Entwicklungsdruck ist der Ticketdruck eine häufige Voraussetzung. Viele Entwickler implementieren jedoch ...
Wer bekommt mehr Python oder JavaScript bezahlt?
Apr 04, 2025 am 12:09 AM
Es gibt kein absolutes Gehalt für Python- und JavaScript -Entwickler, je nach Fähigkeiten und Branchenbedürfnissen. 1. Python kann mehr in Datenwissenschaft und maschinellem Lernen bezahlt werden. 2. JavaScript hat eine große Nachfrage in der Entwicklung von Front-End- und Full-Stack-Entwicklung, und sein Gehalt ist auch beträchtlich. 3. Einflussfaktoren umfassen Erfahrung, geografische Standort, Unternehmensgröße und spezifische Fähigkeiten.
Wie fusioniere ich Arrayelemente mit derselben ID mit JavaScript in ein Objekt?
Apr 04, 2025 pm 05:09 PM
Wie fusioniere ich Array -Elemente mit derselben ID in ein Objekt in JavaScript? Bei der Verarbeitung von Daten begegnen wir häufig die Notwendigkeit, dieselbe ID zu haben ...
Entmystifizieren JavaScript: Was es tut und warum es wichtig ist
Apr 09, 2025 am 12:07 AM
JavaScript ist der Eckpfeiler der modernen Webentwicklung. Zu den Hauptfunktionen gehören eine ereignisorientierte Programmierung, die Erzeugung der dynamischen Inhalte und die asynchrone Programmierung. 1) Ereignisgesteuerte Programmierung ermöglicht es Webseiten, sich dynamisch entsprechend den Benutzeroperationen zu ändern. 2) Die dynamische Inhaltsgenerierung ermöglicht die Anpassung der Seiteninhalte gemäß den Bedingungen. 3) Asynchrone Programmierung stellt sicher, dass die Benutzeroberfläche nicht blockiert ist. JavaScript wird häufig in der Webinteraktion, der einseitigen Anwendung und der serverseitigen Entwicklung verwendet, wodurch die Flexibilität der Benutzererfahrung und die plattformübergreifende Entwicklung erheblich verbessert wird.
Der Unterschied in der Konsole.log -Ausgabeergebnis: Warum unterscheiden sich die beiden Anrufe?
Apr 04, 2025 pm 05:12 PM
Eingehende Diskussion der Ursachen des Unterschieds in der Konsole.log-Ausgabe. In diesem Artikel wird die Unterschiede in den Ausgabeergebnissen der Konsolenfunktion in einem Code analysiert und die Gründe dafür erläutert. � ...
Wie kann man Parallax -Scrolling- und Element -Animationseffekte wie die offizielle Website von Shiseido erzielen?
oder:
Wie können wir den Animationseffekt erzielen, der von der Seite mit der Seite mit der offiziellen Website von Shiseido begleitet wird?
Apr 04, 2025 pm 05:36 PM
Diskussion über die Realisierung von Parallaxe -Scrolling- und Elementanimationseffekten in diesem Artikel wird untersuchen, wie die offizielle Website der Shiseeido -Website (https://www.shiseeido.co.jp/sb/wonderland/) ähnlich ist ...
TypeScript für Anfänger, Teil 2: Grundlegende Datentypen
Mar 19, 2025 am 09:10 AM
Sobald Sie das Typscript-Tutorial für Einstiegsklasse gemeistert haben, sollten Sie in der Lage sein, Ihren eigenen Code in eine IDE zu schreiben, die TypeScript unterstützt und in JavaScript zusammenfasst. Dieses Tutorial wird in verschiedenen Datentypen in TypeScript eingetaucht. JavaScript hat sieben Datentypen: NULL, UNDEFINED, BOOLEAN, NUMMER, STRING, SYMBOL (durch ES6 eingeführt) und Objekt. TypeScript definiert mehr Typen auf dieser Grundlage, und dieses Tutorial wird alle ausführlich behandelt. Null -Datentyp Wie JavaScript, null in TypeScript
Kann PowerPoint JavaScript ausführen?
Apr 01, 2025 pm 05:17 PM
JavaScript kann in PowerPoint ausgeführt werden und durch Aufrufen externer JavaScript -Dateien oder der Einbettung von HTML -Dateien über VBA implementiert werden. 1. Um VBA zu verwenden, um JavaScript -Dateien aufzurufen, müssen Sie Makros aktivieren und VBA -Programmierkenntnisse haben. 2. Einbetten Sie HTML -Dateien ein, die JavaScript enthalten, die einfach und einfach zu bedienen sind, aber Sicherheitsbeschränkungen unterliegen. Zu den Vorteilen zählen erweiterte Funktionen und Flexibilität, während Nachteile Sicherheit, Kompatibilität und Komplexität beinhalten. In der Praxis sollte die Aufmerksamkeit auf Sicherheit, Kompatibilität, Leistung und Benutzererfahrung geschenkt werden.
