programing tip

src AND 컨텐츠가 포함 된 스크립트 태그는 무엇을 의미합니까?

itbloger 2020. 7. 24. 07:50
반응형

src AND 컨텐츠가 포함 된 스크립트 태그는 무엇을 의미합니까?


Google +1 버튼의 예 :

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
      {"parsetags": "explicit"}
</script>

스크립트 태그에는 src-Attribute 내용이 있습니다. 이것이 무엇을 의미하며 어떻게 작동합니까?


다른 브라우저는 이것을 다르게 취급합니다. 일부 src는 오류없이 포함 된 경우에만 컨텐츠를 실행합니다 . 일부 src는 성공 여부와 상관없이 스크립트 를 포함 시키려고 시도한 후 실행합니다 . 이 동작은 신뢰할 수 없으며 ( HTML5에서는 금지됨 ) 피해야합니다.

Google은 특정 행동에 의존하지 않습니다. 내용은 단지 객체 리터럴 (값)이므로 실행시 자동 오류가 발생하는 것 외에는 아무것도하지 않습니다. Google 코드는 script태그 자체 의 내용을보고 이를 기반으로 동작을 조정합니다.


경우 스크립트 요소가의 src 속성을, 내용이 있어야 무시, 다른 동작은 비 준수합니다.

블로그에서 해킹으로 제안되어 평가되지 않을 것임을 알고 요소에 내용을 넣은 다음 DOM 메소드를 사용하여 내용을 문자열로 가져 와서 평가 하거나 새로운 스크립트 요소에 삽입하십시오. 이것들 중 어느 것도 좋은 생각이 아닙니다.


HTML5 draft specification 에 따르면 , 속성이있는 <script>요소 src는 주석 처리 된 코드 만 있어야하며, 스크립트에 대한 문서를 제공합니다. Google 이이 사양을 준수하는 것처럼 보이지 않습니다.


스크립트가로드 된 후에는 자체 스크립트 태그 내부를보고 내용에 액세스합니다.

다음과 유사한 코드를 사용합니다.

var scripts = document.getElementsByTagName("script");
var data = eval(scripts[scripts.length - 1].innerHTML);

씨의 존 레식 .

참고 URL : https://stackoverflow.com/questions/6528325/what-does-a-script-tag-with-src-and-content-mean

반응형