文字入力ダイアログを開く

説明

文字入力を行うにはprompt()を使います。入力フォームでの文字入力と異なり、prompt()では文字を入力するかキャンセルされない限り、次の処理に移ることができません。強制的に何か入力させる場合にprompt()は適しています。
prompt()のパラメータは2つあり最初が表示するメッセージ、2番目があらかじめ入力済みのデータ(デフォルト文字列)になります。文字列が入力された場合、prompt()は入力された文字を返します。キャンセルボタンがクリックされた場合にはprompt()はnullを返します。
JavaScriptテクニック ブック  詳しい解説などはJavaScriptテクニック ブックを参照してください。

サンプルコード [実行]

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>JavaScript Sample</title>
<link rel="stylesheet" type="text/css" href="main.css" media="all">
<script type="text/javascript" src="main.js"></script>
</head>
<body>
<h1>文字入力ダイアログを開く</h1>
<div id="message"></div>
</body>
</html>

window.onload = function(){
var userName = prompt("お名前は?", "吉成");
if (!userName) userName = "名無 権兵衛";
document.getElementById("message").innerHTML = "ようこそ"+userName+"さん";
}