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

122

Google +1 버튼의 예 :

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

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

javascript

— usr
소스

Firebug Lite는이 방법을 사용합니다. getfirebug.com/firebuglite

— Brad

71

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

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

— 제레미 뱅크스
소스

2

DOM을 통과하는 것보다 스크립트가 자체 스크립트 태그 (특히)의 내용을 보는 더 영리한 방법이 있습니까?

— Karl Knechtel 2011 년

11

내가 작업 한 모든 브라우저에서 src속성이 존재하고 실제로는 객체 리터럴이 아니라면 스크립트 내용이 실행 되지 않습니다. 해당 코드는 SyntaxError실행 되는 경우 스크립트가 사용할 "JSON 텍스트"를 생성합니다. 나중에 그 자체로.

— CMS

2

@Karl은 외부 .js 파일 내에서 사용되며 현재 실행중인 <script> 노드 s=document.getElementsByTagName('script'); text = s[s.length-1].innerHTML; 의 내용을 제공합니다. DOM을 건드리지 않는 스크립트 노드의 내용을 가져올 수있는 방법은 없다고 생각합니다. .

— digitalbath

@CMS는 IE를 제외한 모든 브라우저에서 작동합니다. 여기에서

— Jose Faeti 2011 년

1

@jose-귀하의 예는 CMS가 언급 한 것이 아닙니다. 코드가 독립형 문으로 실행되면 구문 오류입니다. 귀하의 예 (및 Google)는 src 속성 으로 인해 스크립트 요소의 콘텐츠가 무시되기 때문에 "작동" 합니다.

— RobG

23

스크립트 요소 에 src 속성 이 있으면 내용 을 무시 해야 하며 다른 동작은 부적합합니다.

평가되지 않을 것임을 알고있는 요소에 콘텐츠를 넣은 다음 DOM 메서드를 사용하여 콘텐츠를 문자열로 가져와 평가 하거나 새 스크립트 요소에 삽입하는 것이 블로그 (핵으로)에서 제안되었습니다 . 둘 다 좋은 생각이 아닙니다.

— RobG
소스

4

이것이 좋은 생각이 아닌 이유는 무엇입니까? 타사 플러그인을 초기화하는 데 사용되면 어떻게됩니까?

— thekingoftruth

13

HTML5 초안 사양 에 따르면 ,<script> 와 요소 src의 속성은 주석 처리해야 스크립트에 대한 설명서를 제공하기위한 것입니다 코드. Google이이 사양을 준수하는 것처럼 보이지는 않습니다.

— 짐
소스

13

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

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

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

씨의 존 레식 .

— 제임스 빌링햄
소스