window.returnValueプロパティ

投稿日: 2013年6月25日 作成者: alphasis

window.returnValueは、モーダルダイアログから返す値を格納するプロパティ。

モーダルダイアログは、window.showModalDialog( url )メソッド、window.showModalDialog( url, arguments )メソッド、window.showModalDialog( url, arguments, options )メソッドで表示する。

window.returnValueプロパティは、モーダルダイアログ内で使う。

構文

<script type="text/javascript">
window.returnValue = "モーダルダイアログから返したい値";
</script>

<script>～</script>内であれば、window.は、下記のように省略可能。

<script type="text/javascript">
returnValue = "モーダルダイアログから返したい値";
</script>

サンプル１


サンプル１の動作について

  1. 「モーダルダイアログを呼び出す」ボタンをクリックすると、モーダルダイアログが現れる。
    モーダルダイアログを閉じるまで、ブラウザ上の他の操作はできない。
  2. モーダルダイアログを閉じると、「モーダルダイアログを呼び出す」ボタンの下に、「戻り値：モーダルダイアログより」と表示する。

JavaScript

<script type="text/javascript">
window.onload = initialize;
function initialize() {
    document.getElementById( 'sampleModalDialog' ).onclick=sampleModalDialog;
}
function sampleModalDialog() {
    var $returnValueA = showModalDialog(
        "http://alphasis.info/wp-content/uploads/2013/06/javascript-windowObject-showModalDialog-url-dialog.html"
    );
    document.getElementById( "sampleOutputA" ).innerHTML = "戻り値：" + $returnValueA;
}
</script>

HTML

<p>
    <button id="sampleModalDialog">モーダルダイアログを呼び出す</button>
    <br />
    <spna id="sampleOutputA"></span>
</p>

モーダルダイアログのHTML

window.returnValueプロパティは、モーダルダイアログ内で使っている。

<!DOCTYPE html>
<html lang="ja">
    <head>
        <title>モーダルダイアログ</title>
    </head>
    <body>
        <h1>モーダルダイアログ</h1>
        <p>
            モーダルダイアログを閉じるまで、他のブラウザ操作はできない。
        </p>
        <script type="text/javascript">
            window.returnValue = "モーダルダイアログより";
        </script>
    </body>
</html>

サンプル２


サンプル２の動作について

  1. 「モーダルダイアログを呼び出す」ボタンをクリックすると、モーダルダイアログが現れる。
    モーダルダイアログを閉じるまで、ブラウザ上の他の操作はできない。
  2. モーダルダイアログを閉じると、「モーダルダイアログを呼び出す」ボタンの下に、「戻り値：モーダルダイアログより」と表示する。

JavaScript

<script type="text/javascript">
function sampleConfirmB() {
    var $returnValueB = showModalDialog(
        "http://alphasis.info/wp-content/uploads/2013/06/javascript-windowObject-showModalDialog-url-dialog.html"
    );
    document.getElementById( "sampleOutputB" ).innerHTML = "戻り値：" + $returnValueB;
}
</script>

HTML

<p>
    <button onclick="sampleConfirmB()">モーダルダイアログを呼び出す</button>
    <br />
    <spna id="sampleOutputB"></span>
</p>

モーダルダイアログのHTML

window.returnValueプロパティは、モーダルダイアログ内で使っている。

<!DOCTYPE html>
<html lang="ja">
    <head>
        <title>モーダルダイアログ</title>
    </head>
    <body>
        <h1>モーダルダイアログ</h1>
        <p>
            モーダルダイアログを閉じるまで、他のブラウザ操作はできない。
        </p>
        <script type="text/javascript">
            window.returnValue = "モーダルダイアログより";
        </script>
    </body>
</html>

スポンサード リンク

カテゴリー: JavaScript, Windowオブジェクト, ダイアログ, ブラウザオブジェクト, プロパティ, リファレンス パーマリンク