重复Javascript注入以进行YouTube API调用?

重复Javascript注入以进行YouTube API调用?,javascript,dom,youtube-api,code-injection,Javascript,Dom,Youtube Api,Code Injection,我正在创建一个利用YouTube API的网页。我希望在用户每次执行某些操作并使用调用结果更新页面元素时,都能够启动对YouTube API的AJAX风格调用。YouTube的文档建议使用Javascript注入来绕过跨域权限问题,这涉及到从我的网页向外域(gdata.YouTube.com)进行AJAX调用。例如: <script type="text/javascript" src="http://gdata.youtube.com/feeds/users/Goog

我正在创建一个利用YouTube API的网页。我希望在用户每次执行某些操作并使用调用结果更新页面元素时,都能够启动对YouTube API的AJAX风格调用。YouTube的文档建议使用Javascript注入来绕过跨域权限问题,这涉及到从我的网页向外域(gdata.YouTube.com)进行AJAX调用。例如:

<script 
    type="text/javascript" 
    src="http://gdata.youtube.com/feeds/users/GoogleDevelopers/uploads?alt=json-in-script&format=5&callback=showMyVideos">
</script>
我担心的是,如果我使用这种方法,因为我将进行许多AJAX调用,我将在网页DOM树中积累越来越多的动态生成的Javascript DOM元素,我担心这可能会对浏览器或其他任何东西造成什么后果

有没有一种方法可以在这种风格下进行Javascript注入,而不会使HEAD元素和大量Javascript元素混乱?一个简洁的代码样本将不胜感激


--roschler

嗯,没那么难,在获得数据后,通过删除脚本元素来清理

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);