window.prompt( message )は、テキスト入力用のダイアログを出現させるメソッド。
構文
<script type="text/javascript">
window.prompt( message );
</script>
window.prompt( message );
</script>
<script>～</script>内であれば、window.は、下記のように省略可能。
<script type="text/javascript">
prompt( message );
</script>
prompt( message );
</script>
引数
- message
- テキスト入力用ダイアログに表示するテキストを指定。
テキスト入力欄の初期設定値を、第２引数で指定することもできる。詳しくは、window.prompt( message, defaultValue )メソッドのページへ。
戻り値
テキスト入力用ダイアログで入力したテキストを返す。
「キャンセル」ボタンをクリックした場合は、「null」を返す。
サンプル１
サンプル１の動作について
- 「テキスト入力用ダイアログを呼び出す」ボタンをクリックすると、テキスト入力用ダイアログが現れる。
- テキスト入力欄に「サンプル」と入力し「OK」ボタンをクリックすると、「テキスト入力用ダイアログを呼び出す」ボタンの下に、「戻り値：サンプル」と表示する。
- 「キャンセル」ボタンをクリックした場合は、「テキスト入力用ダイアログを呼び出す」ボタンの下に、「戻り値：null」と表示する。
JavaScript
<script type="text/javascript">
window.onload = initialize;
function initialize() {
document.getElementById( 'samplePrompt' ).onclick=samplePrompt;
}
function samplePrompt() {
var $sampleText = prompt( "サンプル１の\r\nテキスト入力用ダイアログを呼び出しました。" );
document.getElementById( "sampleOutput" ).innerHTML = "戻り値：" + $sampleText;
}
</script>
window.onload = initialize;
function initialize() {
document.getElementById( 'samplePrompt' ).onclick=samplePrompt;
}
function samplePrompt() {
var $sampleText = prompt( "サンプル１の\r\nテキスト入力用ダイアログを呼び出しました。" );
document.getElementById( "sampleOutput" ).innerHTML = "戻り値：" + $sampleText;
}
</script>
HTML
<p>
<button id="samplePrompt">テキスト入力用ダイアログを呼び出す</button>
<br />
<spna id="sampleOutput"></span>
</p>
<button id="samplePrompt">テキスト入力用ダイアログを呼び出す</button>
<br />
<spna id="sampleOutput"></span>
</p>
サンプル２
サンプル２の動作について
- 「テキスト入力用ダイアログを呼び出す」ボタンをクリックすると、テキスト入力用ダイアログが現れる。
- テキスト入力欄に「サンプル」と入力し「OK」ボタンをクリックすると、「テキスト入力用ダイアログを呼び出す」ボタンの下に、「戻り値：サンプル」と表示する。
- 「キャンセル」ボタンをクリックした場合は、「テキスト入力用ダイアログを呼び出す」ボタンの下に、「戻り値：null」と表示する。
JavaScript
<script type="text/javascript">
function samplePromptB() {
var $sampleTextB = prompt( "サンプル２の\r\nテキスト入力用ダイアログを呼び出しました。" );
document.getElementById( "sampleOutputB" ).innerHTML = "戻り値：" + $sampleTextB;
}
</script>
function samplePromptB() {
var $sampleTextB = prompt( "サンプル２の\r\nテキスト入力用ダイアログを呼び出しました。" );
document.getElementById( "sampleOutputB" ).innerHTML = "戻り値：" + $sampleTextB;
}
</script>
HTML
<p>
<button onclick="samplePromptB()">テキスト入力用ダイアログを呼び出す</button>
<br />
<spna id="sampleOutputB"></span>
</p>
<button onclick="samplePromptB()">テキスト入力用ダイアログを呼び出す</button>
<br />
<spna id="sampleOutputB"></span>
</p>