Heim > Artikel > Web-Frontend > 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?

WBOYnach vorne: 2023-09-03 20:05:121167Durchsuche

如何对不支持 JavaScript 的旧浏览器隐藏 JavaScript 代码？

Ä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!

JavaScript html 字符串

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Über das Wesentliche hinaus clever werden: Maus- und Touch-EventsNächster Artikel：Über das Wesentliche hinaus clever werden: Maus- und Touch-Events

In Verbindung stehende Artikel

Mehr sehen