window.dialogArgumentsプロパティ

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

window.dialogArgumentsは、window.showModalDialog( url, arguments )メソッドやwindow.showModalDialog( url, arguments, options )メソッドの第２引数でモーダルダイアログに渡した内容を返すプロパティ。

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

構文

<script type="text/javascript">
window.dialogArguments;
</script>

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

<script type="text/javascript">
dialogArguments;
</script>

戻り値

window.showModalDialog( url, arguments )メソッドやwindow.showModalDialog( url, arguments, options )メソッドの第２引数でモーダルダイアログに渡した内容を返す。

サンプル１


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

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

JavaScript

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

HTML

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

モーダルダイアログのHTML

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

<!DOCTYPE html>
<html lang="ja">
    <head>
        <title>モーダルダイアログ</title>
    </head>
    <body>
        <h1>モーダルダイアログ</h1>
        <p>
            モーダルダイアログを閉じるまで、他のブラウザ操作はできない。
        </p>
       
        <h1>引数</h1>
        <p>
        <script type="text/javascript">
            document.write( 'window.dialogArguments[0]：' + window.dialogArguments[0] + '<br /><br />' );
            document.write( 'dialogArguments[1]：' + window.dialogArguments[1] );
            window.returnValue = "モーダルダイアログより";
        </script>
        </p>
       
    </body>
</html>

サンプル２


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

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

JavaScript

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

HTML

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

モーダルダイアログのHTML

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

<!DOCTYPE html>
<html lang="ja">
    <head>
        <title>モーダルダイアログ</title>
    </head>
    <body>
        <h1>モーダルダイアログ</h1>
        <p>
            モーダルダイアログを閉じるまで、他のブラウザ操作はできない。
        </p>
       
        <h1>引数</h1>
        <p>
        <script type="text/javascript">
            document.write( 'window.dialogArguments[0]：' + window.dialogArguments[0] + '<br /><br />' );
            document.write( 'dialogArguments[1]：' + window.dialogArguments[1] );
            window.returnValue = "モーダルダイアログより";
        </script>
        </p>
       
    </body>
</html>

スポンサード リンク

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