JavaScript를 지원하지 않는 이전 브라우저에서 JavaScript 코드를 숨기는 방법은 무엇입니까?

WBOY
풀어 주다: 2023-09-03 20:05:12
앞으로
1216명이 탐색했습니다.

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

이전 브라우저는 때때로 JavaScript 스크립트 태그를 이해하지 못합니다. 그렇지 않다면 그들은 단지 이를 무시하고 스크립트가 (X)HTML 문서 본문의 일부인 것처럼 표시합니다. 그것은 이러한 일이 발생하지 않도록 주석을 사용하여 오래된 브라우저에서 스크립트를 숨기는 스마트 옵션입니다.

모든 최신 브라우저는 이제 JavaScript를 지원하지만 초기 브라우저는 그렇지 않았습니다. 이것에 이 기사에서는 JavaScript 코드가 이전 브라우저에서 실행되는 것을 방지하는 방법을 알아봅니다.

관객 중 일부는 휴대전화로 사이트를 보는 반면 다른 일부는 대형 데스크톱을 사용하기 때문입니다. 화면에서 웹사이트는 모든 브라우저에서 정확히 동일하게 보일 수 없습니다. 마찬가지로, 귀하의 일부 사용자는 오래된 브라우저를 사용하고 다른 사용자는 최신 브라우저를 사용합니다. 일부 사용자는 화면 판독기를 사용하여 메시지를 소리내어 읽어줄 수도 있습니다. 읽으려면 확대하세요. 멋지게 보이는 콘텐츠의 방어 버전을 제공합니다. 최신 브라우저이지만 이전 브라우저 사용자가 기본 수준에서 여전히 사용할 수 있는 개념입니다. "모두 응원해요"

Strategy - 뒤에 종결자( 标签已打开。之后,我们将创建隐藏的 JavaScript 代码 来自早期的浏览器。在我们使用结束符之前,脚本将使用 标签结束 带注释的字符 (//->)가 없는 한 줄 HTML 주석을 사용합니다.

문법

으아악

예 1

이 예에서는 브라우저가 JavaScript를 지원하는 브라우저인 경우 배경이 색상은 빨간색으로 변경되고, 그렇지 않으면 노란색으로 유지됩니다.

으아악

오래된 브라우저는 JavaScript 코드를 무시하고 HTML로 처리하는 것을 볼 수 있습니다. 현재 브라우저는 아무런 문제 없이 JavaScript 코드에 액세스할 수 있습니다.

브라우저가 JavaScript를 지원하면 스타일에 추가된 대로 주황색으로 표시됩니다. 위의 예.

다음으로 브라우저가 JavaScript를 지원하지 않는 경우 스타일에 추가된 대로 녹색으로 표시됩니다. 위의 예.

예 2

이 스크립트 숨기기 방법은 JavaScript를 지원하는 브라우저에서도 작동합니다. 스크립트의 첫 번째 합계 마지막 몇 줄은 제목 역할을 합니다. 클라이언트 측 JavaScript 인터프리터는 HTML을 이해합니다. 그러나 한 줄 주석처럼 처리하십시오.

따라서 JavaScript를 지원하는 브라우저에서는 두 번째 줄이 한 줄 주석으로 처리됩니다. 비슷한 아래 줄은 한 줄 주석 문자열로 두 번 시작하므로 JavaScript를 지원하는 것을 볼 수 있습니다. 브라우저도 해당 줄을 건너뜁니다. 현재는 3~5호선만 아직 운행 중 JavaScript 문으로 실행됩니다.

익숙해지는 데 시간이 걸리기는 하지만 이 간단하면서도 우아한 HTML과 JavaScript 주석은 JavaScript 코드가 표시되지 않도록 하는 목표를 달성합니다. JavaScript를 지원하지 않는 브라우저. 이런 종류의 댓글을 사용하는 것은 여전히 ​​​​매우 일반적입니다 현재는 이를 요구하는 브라우저가 더 적지만 인터넷 전반에 걸쳐 JavaScript 코드로 존재합니다.

으으으으

위 내용은 JavaScript를 지원하지 않는 이전 브라우저에서 JavaScript 코드를 숨기는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:tutorialspoint.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿