.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になっちゃうってことなんでしょうかね。
そういえば、デモはクロスドメインになって無いですね…
また今度試して見ます。
※流用される場合は自己責任でお願いします。