javascript内で外部ファイルを読み込むことはできますか？

Fullcalendar（https://fullcalendar.io/）というカレンダーを表示させるプログラムを利用しているのですが、
下のスクリプトにありますevents:[～]の～の部分を外部ファイルから読み込みたいのですが、
javascriptはスクリプト内に外部ファイルを読み取ることはできるのでしょうか？

<script>
$(document).ready(function() {
$('#calendar').fullCalendar({
defaultDate: '2016-09-12',
editable: true,
eventLimit: true, // allow "more" link when too many events
events: [
//↓ここから
{
title: 'All Day Event',
start: '2016-09-01'
},
{
title: 'Long Event',
start: '2016-09-07',
end: '2016-09-10'
},
//↑ここまで
]
});

});
</script>

ダメもとで//ここから～//ここまでを記述したhoge.jsを、
events: [document.write("<script type='text/javascript' src='hoge.js'<>\/script>");]として読み込もうとしましたが案の定ダメでした。

このプログラムではevents: [～]を記したjsonファイルを読み取ることもできるのですが、
その方法を使わずに読み込みたいと思っています。

どなたかお分かりの方がいましたらばご教授お願い致します。

質問者からの補足コメント

• ご回答いただきありがとうございます。
  当方、javascriptの知識が乏しく、いろいろ試したのですがどうもうまくいきませんでした。
  もしよろしければ、教えていただいた記述をどこにどのように書けばいいのか、
  もう少し具体的にご教授いただけませんでしょうか？

  No.2の回答に寄せられた補足コメントです。 補足日時：2016/12/20 12:30

No.3 ベストアンサー 回答者： yambejp 回答日時： 2016/12/20 12:33

例えばhoge.jsをこうして

var events_data=[
{
title: 'All Day Event',
start: '2016-09-01',
},
{
title: 'Long Event',
start: '2016-09-07',
end: '2016-09-10',
},
];

こう呼び出してみてはどうでしょうか？

<script src="hoge.js"></script>
<script>
・・・
$('#calendar').fullCalendar({
・・・
events:events_data,
・・・
</script>

この回答へのお礼

yambejpさん、ご回答本当にありがとうございます。
お見事としか言いようがありません
完璧に動作しました。

前回、前々回と的確なご回答をいただき本当に感謝しかありません。

教えていただいた内容は簡単そうに見えますが、
javascriptど素人の私はvar events_data=[～]の呼び出しを見当違いの方法で試みていました。

本当に助かりました。
ありがとうございました。

また何かありましたらば宜しくお願い致します。

お礼日時：2016/12/20 16:06

No.2 回答者： Ogre7077 回答日時： 2016/12/19 09:51

外部ファイルを GET してから API を呼びましょう

$.get('hoge.js', function(data){
_ var events = data;
_ $('#calendar').fullCalendar({ ..., events: events, ...});
}, 'json');

参考:
http://api.jquery.com/jQuery.get/

この回答へのお礼

ご回答いただきありがとうございました。
教えていただいた方法を試してみたのですが、どうも上手くいきませんでした。
おそらく私のやり方がまずいのだと思います。
教えていただいたことを、勉強してみたいと思います。
ご教授に感謝致します。
ありがとうございました。

お礼日時：2016/12/20 16:09

No.1 回答者： yambejp 回答日時： 2016/12/19 09:28

hoge.jsを編集可能であれば変数で受けるようにしてeventsに渡せばいいのでは？

この回答へのお礼

ご回答いただきありがとうございます。

＞hoge.jsを編集可能であれば変数で受けるようにしてeventsに渡せばいいのでは？
hoge.jsは編集可能なので、教えていただいた方法を自分なりに調べ、
変数でeventsに渡すことを試行錯誤したのですが、私の乏しい知識ではどうも無理そうでした。
もう少し勉強してみます。
ご助言ありがとうございました。

お礼日時：2016/12/20 12:22