2007年08月01日

別サイトにあるJavaScriptを読み込み、実行する方法

   このエントリーをはてなブックマークに追加 Clip to Evernote
別サイトにあるJavaScriptを読み込み、実行する方法。

たとえば、サイト gushwell.comに 以下のJavaScriptを設置する。

document.getElementById("field").innerHTML = "おはよう";

このjs ファイルを、以下のHTMLをブラウザで表示すれば、
”おはよう”
という文字列が表示される。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
window.onload = function(){
var s = document.getElementsByTagName("head")[0].appendChild(document.createElement("script"));
s.type = "text/javascript";
s.charset = "utf-8";
s.src = "http://gushwell.com/test/sample.js";
}
</head>
<body>
<div id="field"></div>
</body>

へー、面白いですね。
このJavaScriptを動的に変えてやれば、「こんにちわ」でも「こんばんわ」でも、その他どんなHTMLでも表示できるわけだ。


この記事へのコメント
SSIのようなことができるわけですね。これは使えそうです!
Posted by trapemiya at 2007年08月08日 16:42
コメントの返信遅れました m(_ _)m
読み込むJavaScriptに中に、JSONを仕込んでおいて、HTML側で、このJSONデータを使って、動的に、HTMLを変更してあげるっていうやり方もあります。
いままで、JavaScriptって興味がなかったのですが、かなり興味がわいてきました。
Posted by Gushwell at 2007年08月13日 17:38
 

この記事へのトラックバックURL

http://trackback.blogsys.jp/livedoor/gushwell/51017336