検索
ホームページウェブフロントエンドjsチュートリアルJavaScript をサポートしていない古いブラウザから JavaScript コードを非表示にする方法は?

如何对不支持 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で複製されています。侵害がある場合は、admin@php.cn までご連絡ください。
JavaScriptとWeb:コア機能とユースケースJavaScriptとWeb:コア機能とユースケースApr 18, 2025 am 12:19 AM

Web開発におけるJavaScriptの主な用途には、クライアントの相互作用、フォーム検証、非同期通信が含まれます。 1)DOM操作による動的なコンテンツの更新とユーザーインタラクション。 2)ユーザーエクスペリエンスを改善するためにデータを提出する前に、クライアントの検証が実行されます。 3)サーバーとのリフレッシュレス通信は、AJAXテクノロジーを通じて達成されます。

JavaScriptエンジンの理解:実装の詳細JavaScriptエンジンの理解:実装の詳細Apr 17, 2025 am 12:05 AM

JavaScriptエンジンが内部的にどのように機能するかを理解することは、開発者にとってより効率的なコードの作成とパフォーマンスのボトルネックと最適化戦略の理解に役立つためです。 1)エンジンのワークフローには、3つの段階が含まれます。解析、コンパイル、実行。 2)実行プロセス中、エンジンはインラインキャッシュや非表示クラスなどの動的最適化を実行します。 3)ベストプラクティスには、グローバル変数の避け、ループの最適化、constとletsの使用、閉鎖の過度の使用の回避が含まれます。

Python vs. JavaScript:学習曲線と使いやすさPython vs. JavaScript:学習曲線と使いやすさApr 16, 2025 am 12:12 AM

Pythonは、スムーズな学習曲線と簡潔な構文を備えた初心者により適しています。 JavaScriptは、急な学習曲線と柔軟な構文を備えたフロントエンド開発に適しています。 1。Python構文は直感的で、データサイエンスやバックエンド開発に適しています。 2。JavaScriptは柔軟で、フロントエンドおよびサーバー側のプログラミングで広く使用されています。

Python vs. JavaScript:コミュニティ、ライブラリ、リソースPython vs. JavaScript:コミュニティ、ライブラリ、リソースApr 15, 2025 am 12:16 AM

PythonとJavaScriptには、コミュニティ、ライブラリ、リソースの観点から、独自の利点と短所があります。 1)Pythonコミュニティはフレンドリーで初心者に適していますが、フロントエンドの開発リソースはJavaScriptほど豊富ではありません。 2)Pythonはデータサイエンスおよび機械学習ライブラリで強力ですが、JavaScriptはフロントエンド開発ライブラリとフレームワークで優れています。 3)どちらも豊富な学習リソースを持っていますが、Pythonは公式文書から始めるのに適していますが、JavaScriptはMDNWebDocsにより優れています。選択は、プロジェクトのニーズと個人的な関心に基づいている必要があります。

C/CからJavaScriptへ:すべてがどのように機能するかC/CからJavaScriptへ:すべてがどのように機能するかApr 14, 2025 am 12:05 AM

C/CからJavaScriptへのシフトには、動的なタイピング、ゴミ収集、非同期プログラミングへの適応が必要です。 1)C/Cは、手動メモリ管理を必要とする静的に型付けられた言語であり、JavaScriptは動的に型付けされ、ごみ収集が自動的に処理されます。 2)C/Cはマシンコードにコンパイルする必要がありますが、JavaScriptは解釈言語です。 3)JavaScriptは、閉鎖、プロトタイプチェーン、約束などの概念を導入します。これにより、柔軟性と非同期プログラミング機能が向上します。

JavaScriptエンジン:実装の比較JavaScriptエンジン:実装の比較Apr 13, 2025 am 12:05 AM

さまざまなJavaScriptエンジンは、各エンジンの実装原則と最適化戦略が異なるため、JavaScriptコードを解析および実行するときに異なる効果をもたらします。 1。語彙分析:ソースコードを語彙ユニットに変換します。 2。文法分析:抽象的な構文ツリーを生成します。 3。最適化とコンパイル:JITコンパイラを介してマシンコードを生成します。 4。実行:マシンコードを実行します。 V8エンジンはインスタントコンピレーションと非表示クラスを通じて最適化され、Spidermonkeyはタイプ推論システムを使用して、同じコードで異なるパフォーマンスパフォーマンスをもたらします。

ブラウザを超えて:現実世界のJavaScriptブラウザを超えて:現実世界のJavaScriptApr 12, 2025 am 12:06 AM

現実世界におけるJavaScriptのアプリケーションには、サーバー側のプログラミング、モバイルアプリケーション開発、モノのインターネット制御が含まれます。 2。モバイルアプリケーションの開発は、ReactNativeを通じて実行され、クロスプラットフォームの展開をサポートします。 3.ハードウェアの相互作用に適したJohnny-Fiveライブラリを介したIoTデバイス制御に使用されます。

next.jsを使用してマルチテナントSaaSアプリケーションを構築する(バックエンド統合)next.jsを使用してマルチテナントSaaSアプリケーションを構築する(バックエンド統合)Apr 11, 2025 am 08:23 AM

私はあなたの日常的な技術ツールを使用して機能的なマルチテナントSaaSアプリケーション(EDTECHアプリ)を作成しましたが、あなたは同じことをすることができます。 まず、マルチテナントSaaSアプリケーションとは何ですか? マルチテナントSaaSアプリケーションを使用すると、Singの複数の顧客にサービスを提供できます

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

DVWA

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール