[ JavaScript ] ウィンドウ内にフレームを開きページを表示するサンプル

同じウィンドウに別フレームを開き、その中のページを入れ替える JavaScript のサンプルです。

サンプルコード

index.html

<HTML>
<HEAD>
<TITLE>Javascript Sample</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
</HEAD>
<BODY bgcolor="#FFFFFF" leftmargin="20" topmargin="20" marginwidth="20" marginheight="20">
<P>同じウィンドウに別フレームを開き、その中のページを入れ替える</P>
<P><A href="frame.html?http://www.goo.ne.jp/" target="_top">http://www.goo.ne.jp/</A></P>
<P><A href="frame.html?http://www.yahoo.co.jp/" target="_top">http://www.yahoo.co.jp/</A></P>
</BODY>
</HTML>

frame.html

<HTML>
<HEAD>
<TITLE>Javascript Sample</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
</HEAD>
<FRAMESET rows="100,1*"> 
    <FRAME name="header" src="index.html" >
    <FRAME name="main" src="null.html">
</FRAMESET>
<NOFRAMES>
<BODY bgcolor="#FFFFFF">
</BODY>
</NOFRAMES>
</HTML>

null.html

<HTML>
<HEAD>
<TITLE>Javascript Sample</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<script language="JavaScript">
<!--
function loaded(n) {
    if (n.length <= 1) {
        // location.href = '' ;
        parent.top.location.replace('index.html');
    } else {
        // location.href = n.substring(1,n.length) + '.html' ;
        // location.replace(n.substring(1,n.length) + '.html') ;
        location.replace(n.substring(1,n.length)) ;
    }
}
//-->
</script>
</HEAD>
<BODY bgcolor="#FFFFFF" onLoad="loaded(top.location.search);">
</BODY>
</HTML>

実際に動作するサンプル

コメントを残す

メールアドレスが公開されることはありません。