HTML <script> crossorigin 속성
예시
다음은 다른 서버의 .js 파일에 대한 링크입니다. 여기서 무결성 및 교차 출처 속성을 모두 사용합니다.
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous">
</script>
정의 및 사용
이 crossorigin속성은 요청 모드를 HTTP CORS 요청으로 설정합니다.
웹 페이지는 종종 다른 서버에 리소스를 로드하도록 요청합니다. 여기에서 CORS가 등장합니다.
교차 출처 요청은 다른 도메인의 리소스(예: 스타일 시트, iframe, 이미지, 글꼴 또는 스크립트)에 대한 요청입니다.
CORS는 교차 출처 요청을 관리하는 데 사용됩니다.
CORS는 Cross-Origin Resource Sharing의 약자이며 웹 페이지의 리소스를 자체 도메인 외부의 다른 도메인에서 요청할 수 있도록 하는 메커니즘입니다. 교차 출처 요청을 허용하는 것이 안전한지 여부를 결정하기 위해 브라우저와 서버가 상호 작용하는 방법을 정의합니다. CORS를 통해 서버는 무엇보다도 서버의 자산에 액세스할 수 있는 사람을 지정할 수 있습니다.
팁: 교차 출처 요청의 반대는 동일 출처 요청입니다. 즉, 웹 페이지는 동일한 서버에 있는 다른 문서와만 상호 작용할 수 있습니다. 이 정책은 서로 상호 작용하는 문서의 출처(도메인)가 같아야 합니다.
팁:
integrity 속성 도 살펴보세요 .
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
| Attribute | |||||
|---|---|---|---|---|---|
| crossorigin | 30.0 | 18.0 | 13.0 | 13.0 | 12.1 |
통사론
<script crossorigin="anonymous|use-credentials">
속성 값
| Value | Description |
|---|---|
| anonymous use-credentials |
Specifies the mode of the CORS request:
|
❮ HTML <스크립트> 태그