動的にJavaScriptやCSSを取得する方法
JavaScriptを動的に読み込みたいとき等は、通常XHRなど使って読み込むんですが、XHRだと違うドメインからは読み込めない。
しかし!
違うドメインからも動的にJavaScriptを読み込む方法があったんです。
こちらに詳しいのが書いてあります。
Howto Dynamically Insert Javascript And CSS
JavaScriptを動的に取得する方法を引用しますと
var headID = document.getElementsByTagName("head")[0]; var newScript = document.createElement('script'); newScript.type = 'text/javascript'; newScript.src = 'http://api.flickr.com/services/feeds/photos_public.gne?tags=sunset&format=json'; headID.appendChild(newScript);
はいコレだけ。
この例ではflickrのJSONを返してくれるサービスを読み込んでいます。
今まで、違うドメインから動的にJavaScriptを読んでくる事なんて、その行為自体を思いつかなかったので、感動した。