いまさらながらフレーム分割をしてみる

お勉強コードを書くときは、サンプルコードの整理が面倒。　　なので、こんなページをつくりたい。

f:id:hope_is_dream:20140428215304p:plain

いまさらながらフレーム分割

参考にさせていただきます。
JavaScript/DOM｜PHP & JavaScript Room

(注意) フレームを使う場合はbody要素を記述しない

<!DOCTYPE>
<html>
<head><title>フレームの書き方</title></head>

<frameset cols='50%,50%'>   <!-- 親フレーム -->
    <frame src="left.html" />        <!-- 子フレーム -->
    <frame src="right.html" />      <!-- 子フレーム -->
    <!-- フレーム未対応のユーザーには、代替テキストが表示される -->
    <noframes>
        <body>
            <p>フレーム対応のブラウザでご覧下さい。</p>
        </body>
    </noframes>
</frameset>
    
</html>

フレームリンク対策

これはあまり意味がわからない。。
カス素人。。

<!-- 子フレーム内に記述 -->
<script type="text/javascript">
    var frametop = "フレームのトップページのURL";
    /* アクセスされたページがフレームのトップページでない場合 */
    if(window.top.location.herf != frametop){
        /* 強制的にフレームのトップページを表示する */
        window.top.location.href = frametop;
    }
</script>