jQueryの.getScriptを使って外部jsファイルの処理を実行してみる

.getScriptを使用して外部jsファイルを読込み実行して見ます。
(最近のjqueryのバージョンであればクロスドメインもイケるらしいです)

1.CSSの記述例

(以下は任意ですので調整してみて下さい)

<style type="text/css">
<!--
body {
	font-family:Verdana,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6",Osaka,"MS Pゴシック",Arial,sans-serif;
	margin:0;
	padding:0;
}
h1{
	font-size:16px;
	font-weight:normal;
	line-height:1.4em;
	text-align:center;
	padding:15px 0;
}
#idWrap{
	width:800px;
	margin:0 auto;
}
--><br />
</style>

2.読み込むJsファイルとJavaScritpの記述例

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript">
window.onload = (function(){
	$.getScript("https://dad-union.com/demo/js/20140418-getscript-external-file-crossdomain/ext.js");
});
</script>

3.getScriptを使って読込むjsファイル(ext.js)内の記述例

alert("外部jsファイル「ext.js」が読込まれました。");

jQueryの.getScriptを使用し外部jsファイルの処理を実行するデモ

JavaScriptってクロスドメインは基本的にNGだと思うのですがこれだったら何でもOKになっちゃうってことなんでしょうかね。
そういえば、デモはクロスドメインになって無いですね…
また今度試して見ます。

※流用される場合は自己責任でお願いします。