때때로 HTML 요소 ID에 JavaScript의 전역 변수로 직접 액세스할 수 있는 이유는 무엇입니까?

HTML 요소 ID의 전역 변수 액세스

전역 변수를 통해 HTML 요소 ID에 액세스하는 적절한 처리와 관련된 질문이 발생합니다. 주어진 예에서 Chrome은 a.stuff()를 통해 ID가 "a"인 요소에 직접 액세스할 수 있도록 허용하는 반면, Firefox에서는 document.getElementById('a')를 사용해야 합니다.

사양

HTML4 사양에서는 이 동작을 명시적으로 설명하지 않습니다. 그러나 요소 ID를 전역 변수로 만드는 관행도 금지되지 않습니다. 현재 WHATWG HTML 사양에서는 레거시 또는 호환성 문제로 요소 ID의 전역 액세스를 고려하여 이 동작을 요구합니다.

구현

Chrome 및 Firefox를 포함한 주요 브라우저(in 쿼크 모드)에서는 호환성을 위해 이 동작을 채택했습니다. 그러나 Firefox에서는 엄격 모드에서 전역 변수를 통해 요소에 직접 액세스할 수도 있지만 구현이 불안정할 수 있습니다.

모호함

전역 변수 a와 ID가 "a"인 HTML 요소가 존재하는 경우 동작은 실행 컨텍스트에 따라 다릅니다. 대부분의 경우 JavaScript는 HTML 요소보다 전역 변수 a를 우선시합니다. 그러나 요소 ID에 전역 변수를 사용하는 것은 잠재적인 충돌과 네임스페이스 오염으로 인해 일반적으로 눈살을 찌푸리게 합니다.

HTML ID의 특수 문자

HTML ID에는 하이픈(-)이 포함될 수 있습니다. ), 콜론(:), 마침표(.) 등 JavaScript 식별자에 사용할 수 없는 문자입니다. 전역 변수를 통해 이러한 요소에 액세스하기 위해 브라우저는 해당 요소를 변환합니다. 예를 들어, ID가 "foo-bar"인 요소는 전역 변수 foo-bar를 통해 액세스할 수 있습니다.

결론

요소 ID를 전역으로 만드는 방법은 변수는 역사적으로 지원되지만 HTML4 사양에는 명시적으로 지정되어 있지 않습니다. WHATWG HTML 사양에는 이 동작이 필요하지만 요소에 액세스하기 위해 document.getElementById() 또는 다른 메서드를 사용하는 것이 좋습니다. 전역 네임스페이스의 다른 변수와의 혼동 및 잠재적인 충돌로 인해 요소 ID에 전역 변수를 사용하는 것은 피해야 합니다.

위 내용은 때때로 HTML 요소 ID에 JavaScript의 전역 변수로 직접 액세스할 수 있는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!