小窓を表示し、小窓から親窓を操作する

親窓記述サンプル

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<script type="text/javascript">
<!--
function ChildOn(){
    smpWin = window.open("dummy2.html","sample","width=400,height=400," +
                "menubar=1," +
                "status=1," +
                "toolbar=1," +
                "scrollbars=1," +
                "location=1," +
                "directories=1");
}
//-->
</script>
</head>
<body>
<form>
<input type="button" name="btn" value="小窓作成" onClick="ChildOn()">
</form>
</body>
</html>

小窓記述サンプル

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html lang="ja">
<head>
<meta name="generator" content="Vim">
<link href="mailto:key@do.ai" rev="made" title="七鍵">
<link rel="start" href="https://www.7key.jp/hp/index.html" title="ホームページ作成の第一歩">
<script TYPE="text/javascript">
<!--
function jump_add(url){
    if(window.opener && !window.opener.closed){
        window.opener.location.href = url;
    }
}

function prev_next(goback){
    if(window.opener && !window.opener.closed){
        if(goback == 'b'){window.opener.history.back();}
        else if(goback == 'n'){window.opener.history.forward();}
    }
}
// -->
</script>
<title>サンプル ファイル</title>
</head>
<body>
    <h1>JavaScript 小窓を表示し、小窓から親窓を操作するサンプルページ</h1>
    <p><a href="child5.html">親窓と呼ばれるページ</a></p>
    <ul>
        <li><a href="child5.html" onClick="jump_add('child1.html');return false;">親窓に指定したアドレスを表示させる</a></li>
        <li><a href="child5.html" onClick="prev_next('b');return false;">親窓を一つ前のページに戻す</a></li>
        <li><a href="child5.html" onClick="prev_next('n');return false;">親窓を一つ先のページに進む</a></li>
    </ul>
</body>
</html>