3
var script = document.createElement('script');
script.src = 'http://example.com/hoge.js';
document.body.appendChild(script);

example.comは外部ドメインとします。
この場合クロスドメイン制約になりますでしょうか?

また制約にひっかかる場合、スクリプトのダウンロードはブラウザでされますか?

すぐに試せる環境がないのと、そのあたりのフローが曖昧だったので、
ご教授願いたいです。

よろしくお願いします。

1 件の回答 1

7

scriptタグを使った場合、CORSの Access-Control-*** ヘッダがなくとも、別オリジンからスクリプトを読み込んで実行することができます。

実際、CORSが普及する前にクロスオリジンの通信を行う方法として使われていたJSONPは、サーバーから送りたいデータをJavascriptコードの形にしてscriptタグで読み込ませることで、クロスオリジンでのデータの受け渡しを可能にしていました。

ただしCORSが全く無関係というわけではなく、別オリジンのスクリプトで発生したエラーを window.onerror で読み取る際に制限があります。これを回避したい場合は Access-Control-*** ヘッダが必要になるようです。

3
  • ご回答ありがとうございます。 ぜひご教授いただきたいのですが、 質問にある別ドメインと想定したhoge.js 内で、さらにscriptタグを生成し、外部のドメインのjsをsrcに指定し、DOMに追加した場合、 こちらも別オリジンからの読み込み実行が可能なのでしょうか? 動的に追加したscriptから、さらにscriptを動的に生成し、別のオリジンのスクリプトを実行する流れです。 宜しくお願いします。
    – hata
    Commented 2016年5月31日 8:17
  • @hata はい、可能です。具体例として、アクセス解析などをまとめて読み込む、Googleタグマネージャなどのサービスがあります。
    – unarist
    Commented 2016年5月31日 8:29
  • ご回答ありがとうございます。 疑問点解消しました。解決させて頂きます。
    – hata
    Commented 2016年5月31日 8:44

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。