2012-04-23 2 views
2

구글 로더구글 로더 표준 <script> 태그 대

<script type="text/javascript"> 
google.load('jquery','1.7.1'); 
google.load('jqueryui','1.8.17'); 
</script> 

또는 ...

표준 < 스크립트 > 태그 더 나은 이유

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script> 

?

+0

적절한 질문은 "언제 Google 태그를 사용합니까? 스크립트 태그를 사용합니까?"라고 생각할 수 있습니다. –

+1

가능한 이중화 http://stackoverflow.com/questions/208869/what-are-advantages-of-using-google-loadjquery-vs-direct-inclusion-of-h – MilkyWayJoe

답변

6

두 번째 솔루션은 99 %의 사용 사례에서 더 좋습니다. 첫 번째로 먼저 Google API 스크립트 파일을로드해야합니다. 그러면 jQuery 만 필요한 두 개의 HTTP 요청 (jQuery UI없이)을 의미하는 jQuery 파일을로드해야합니다.

페이지에서 Google API를 사용하여 jQuery (또는 다른 Javascript 라이브러리)를로드하는 것 이외의 다른 브라우저에있는 경우 이어야합니다. 구글 API를 "위대한"

뭔가 당신이 jQuery를의 동적 버전을로드 할 수 있습니다,하지만 난 그것을 위해 사용 사례를 본 적이 있음을의 ... 당신의 내용


, 당신은 할 수 이 방법으로 스크립트 태그를 작성하십시오.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 

주의 URL에 protocole을 설정하지 않았습니다. 이렇게하면 HTTP를 사용하는 경우 파일이 HTTP로 가져 오게됩니다. HTTPS를 사용하는 경우 HTTPS로 가져옵니다.

+0

IE6/7이 어떻게이 기술에 반응하는지 궁금합니다. (//). 작업중인 사이트의 많은 사용자가 여전히 이전 브라우저 버전을 사용하고 있습니다. – andufo

+1

@andufo, 그들은 잘 작동합니다. – josh3736

+1

@andufo 여기에 대한 정보는 http://html5boilerplate.com/html5boilerplate-site/built/en_US/docs/html/#the-javascript 및 http://paulirish.com/2010/the-protocol- relative-url/ – pomeh