ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript をサポートしていない古いブラウザから JavaScript コードを非表示にする方法は?

JavaScript をサポートしていない古いブラウザから JavaScript コードを非表示にする方法は?

WBOY
WBOY転載
2023-09-03 20:05:121166ブラウズ

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

古いブラウザでは、JavaScript スクリプト タグを理解できない場合があります。そうでない場合、彼らはただ これを無視し、スクリプトを (X)HTML ドキュメント本文の一部であるかのように表示します。それはです このような事態を防ぐために、古いブラウザではコメントを使用してスクリプトを非表示にする賢いオプションです。

最近のブラウザはすべて JavaScript をサポートしていますが、初期のブラウザはサポートしていませんでした。この時点で この記事では、古いブラウザで JavaScript コードが実行されないようにする方法を学びます。

閲覧者の中には携帯電話でサイトを閲覧している人もいれば、大規模なデスクトップを使用している人もいるからです。 画面上では、Web サイトはすべてのブラウザーでまったく同じに見えるわけではありません。同様に、あなたの一部は、 ユーザーは古いブラウザを使用する一方、他のユーザーは最新のブラウザを使用することになります。いくつかの ユーザーはスクリーン リーダーを使用してメッセージの読み上げを聞いている可能性があります。 拡大して読んでください。見栄えの良いコンテンツの防御バージョンを提供します 最新のブラウザですが、古いブラウザのユーザーでも基本レベルで使用できることがコンセプトです 「みんなを応援してね。」

戦略 - 後にターミネータ ( 标签已打开。之后,我们将创建隐藏的 JavaScript 代码 来自早期的浏览器。在我们使用结束符之前,脚本将使用 标签结束 带注释的字符 (//->) を付けない単一行の HTML コメントを使用します。

###文法### リーリー

例 1

この例では、ブラウザが JavaScript をサポートするブラウザであれば、背景が 色は赤に変わりますが、それ以外の場合は黄色のままです。

リーリー

古いブラウザでは JavaScript コードが無視され、HTML として扱われることがわかります。 現在のブラウザは JavaScript コードに問題なくアクセスできることに注意してください。

スタイルに追加されているように、ブラウザが JavaScript をサポートしている場合はオレンジ色で表示されます。 上の例。

次に、ブラウザがJavaScriptをサポートしていない場合は、スタイルに追加されているように緑色で表示されます 上の例。

例 2

JavaScript をサポートするブラウザの場合、このスクリプト非表示方法も機能します。スクリプトの最初の合計 最後の数行はタイトルとして機能します。クライアント側の JavaScript インタプリタは HTML を理解します ただし、これは 1 行のコメントとして扱ってください。

したがって、JavaScript をサポートするブラウザでは、2 行目は 1 行のコメントとして扱われます。似ている 以下の行は 1 行のコメント文字列で 2 回始まっているため、JavaScript がサポートされていることがわかります。 ブラウザもその行をスキップします。現在は 3 行目から 5 行目だけがまだ実行されています。 JavaScript ステートメントとして実行されます。

慣れるまでは少し時間がかかりますが、このシンプルでエレガントな HTML と JavaScript コメントは、JavaScript コードが表示されないようにするという望ましい目標を達成します。 JavaScriptをサポートしていないブラウザ。この種のコメントの使用は依然として非常に一般的です 現在ではこれを必要とするブラウザーは少なくなりましたが、インターネット上の JavaScript コードに存在します。

ああああ

以上がJavaScript をサポートしていない古いブラウザから JavaScript コードを非表示にする方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。