JSポップアップサブウィンドウ

4730 ワード

目的
メインウィンドウで、リンクをクリックして、サブウィンドウをイジェクトします.親ウィンドウはサブウィンドウでクリックして閉じ、サブウィンドウを閉じます.サブウィンドウの位置は画面の中央にあります.
実現する
メイン.

<html>
<head><meta charset="utf-8"/>head>
<body>
<a href="" id="a1" target="new">   a>
<div id="msg">div>
<script>
    var a1 = document.getElementById('a1');
    a1.onclick = function(){
        window.open('alert.html', 'new', 'location=no, toolbar=no');
        return false;
    }
script>
body>
html>
注:location=noはサブウィンドウをイジェクトします.そうでないと、現在のブラウザで新しいページtoolbar=noはサブウィンドウをスクリーンの中央に配置します.
alert.

<html>
    <head>
        <meta charset="utf-8"/>
    head>
    <body>
        <input type="text" name="message" id="m1"/><br/>
        <input type="button" id="btn" value="  "/><br/>
        <script type="text/javascript">
            var btn = document.getElementById('btn');
            var message = document.getElementById('m1');
            btn.onclick = function(){
                var div = window.opener.document.getElementById('msg');
                div.innerHTML = message.value;
                window.close();
            };           
        script>
    body>
html>
ブラウザでメールを実行すると効果が見られます.