外部htmlファイル読み込み

March 22 [Sun], 2015, 12:14
jQueryを使いとphp,cgiのようにhtmlファイルに他のhtmlファイルを簡単に読み込むことが可能です。

条件1 jquery使用
<script type="text/javascript" src="jquery-1.4.3.min.js"></script>

条件2 相手ファイル形式
読み込ファイルはUTF-8

条件3 取得方法
<script type="text/javascript">
$(function(){
$("#****").load("http://相手ファイル.html");
})
</script>

条件4 読み込み方法
<div id="****"></div>

これにより誰でもが簡単にフレーム無しのメニュー付きホームページの作成が可能です。

また、javascriptを併用することで htmlソースを読めなくする(ブラウザ判別にて)ことも応用しだいでは?

jQueryの進化は思った以上に何でも簡単に出来そうです。