YouTube API를 사용하는 웹 페이지를 만들고 있습니다. 사용자가 특정 작업을 수행하고 페이지의 요소를 호출 결과로 업데이트 할 때마다 YouTube API에 대한 AJAX 스타일 호출을 시작하고 싶습니다. YouTube 문서에서는 자바 스크립트 삽입을 사용하여 내 웹 페이지에서 외부 도메인 (gdata.youtube.com)으로 AJAX를 호출하는 것과 관련된 교차 도메인 사용 권한 문제를 해결할 것을 권장합니다. 예를 들어 :YouTube API 호출을하기 위해 반복되는 자바 스크립트 삽입?
<script
type="text/javascript"
src="http://gdata.youtube.com/feeds/users/GoogleDevelopers/uploads?alt=json-in-script&format=5&callback=showMyVideos">
</script>
HTML 본문 내부에 위치이 조각은 showMyVideos에 대한 호출을 일으키는 원인이되는 "콜백"매개 변수를 사용하여 "구글 코드"채널의 비디오 피드 요청() 호출이 반환한다. 여기에 표시되지 않고 임의로 명명 된 showMyVideos()는 DOM 호출을 사용하여 명명 된 DIV를 호출 결과로 업데이트합니다.
위와 같이 정적으로 표시하는 대신 동적으로 표시하는 대신 동일한 작업을 수행하려고합니다. 예를 들어, 나는 다음과 같은 코드를 보았다 : 나는이 방법을 사용하는 경우 나는 많은 AJAX 내가 웹 페이지에 점점 더 동적으로 생성 된 자바 스크립트 DOM 요소를 축적 할 것이다, 호출하게되기 때문에
var s = document.createElement('script');
s.type = "text/javascript";
s.src = "http://gdata.youtube.com/feeds/users/GoogleDevelopers/uploads?alt=json-in-script&format=5&callback=showMyVideos"
var head = document.getElementsByTagName('head')[0];
head.appendChild(s);
내 관심사입니다 DOM 트리, 브라우저 나 다른 것에 어떤 영향을 미칠지 걱정됩니다.
Javascript 요소가 많은 HEAD 요소를 어지럽히 지 않고이 스타일로 자바 삽입을 할 수 있습니까? 간결한 코드 샘플을 보내 주시면 감사하겠습니다.
- roschler