인라인 JavaScript 스크립트가 `src` 속성을 사용할 수 있습니까?

JavaScript 인라인 스크립트에 소스 속성이 있을 수 있나요?

소스 속성이 있는 인라인 JavaScript 스크립트의 유효성에 대한 질문이 생깁니다. 예:

<code class="html"><script type='text/javascript' src='/path/to/script.js'>
    alert('Do some stuff here, using resources defined in script.js.');
</script></code>

스크립트가 소스 속성을 통해 포함되고 별도로 실행되는 일반적인 JavaScript 사용과 달리 이 예에서는 두 가지 접근 방식을 결합하려고 시도합니다.

공식 동작

HTML 4.01 사양에 정의된 공식 동작에 따르면 인라인 스크립트는 소스 속성을 가질 수 없습니다. 사양에는 다음과 같이 명시되어 있습니다.

"src 속성이 설정되지 않은 경우 사용자 에이전트는 요소의 내용을 스크립트로 해석해야 합니다. src에 URI 값이 있는 경우 사용자 에이전트는 요소의 내용을 무시하고 URI를 통한 스크립트입니다."

이는 소스 속성이 있는 경우 인라인 스크립트의 내용이 무시된다는 의미입니다.

브라우저 동작

In 실제로 주요 브라우저에서는 이 사양을 다음과 같이 해석합니다.

• Chrome, Firefox, Edge: 인라인 스크립트의 내용은 무시되고 소스 파일에 정의된 스크립트만 실행됩니다.
• Safari: 인라인 스크립트와 소스 파일이 모두 실행됩니다.

모범 사례

피하려면 브라우저 불일치가 발생할 수 있으므로 인라인 스크립트나 별도의 스크립트 파일을 사용하는 것이 좋지만 동시에 두 가지를 모두 사용하지는 않는 것이 좋습니다. 이 접근 방식은 모든 브라우저에서 일관되고 예측 가능한 동작을 보장합니다.

위 내용은 인라인 JavaScript 스크립트가 `src` 속성을 사용할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!