JavaScript でよく使用されるポップアップボックスは何ですか?-jsチュートリアル-php.cn

JavaScript でよく使用されるポップアップボックスは何ですか?

清浅

リリース： 2018-12-12 09:08:40

オリジナル

4746 人が閲覧しました

JavaScript で一般的に使用されるポップアップボックスには、warn() 警告ボックス、confirm() 確認ポップアップボックス、prompt() プロンプトボックスなどがあります。

「JavaScript を使用する場合」には、イベントの判断に役立つ 3 つの重要なタイプのポップアップボックスがあります。これらのダイアログボックスは、アラートの発行、入力の確認、またはユーザーからの入力の取得に使用できます。これら 3 つのダイアログボックスの使用方法については、記事で詳しく説明します。

[推奨チュートリアル:JavaScript チュートリアル】

#アラートポップアップボックス

アラートダイアログボックスは、主に警告メッセージを発行するために使用されます。フィールドに入力する必要がある場合など、ユーザーに入力がありません。このため、警告ダイアログボックスを使用して警告メッセージを発行できます。

アラートボックスには、「OK」ボタンのみが表示されます。ユーザーに確認して続行するようプロンプトを表示します。

#例

<body>
      <script type="text/javascript">
          function Warn() {
          	var user=document.getElementById("user").value;
          	if(user==""){
               alert ("用户名不能为空");
           }      
            }
       
      </script>
      
   </head>
   <body> 
      <form>
用户名：<input type="txt" id="user">
         <input type="button" value="确认" onclick="Warn();" />
      </form>

ログイン後にコピー

正しい形式のユーザー名が入力された場合

ユーザー名が次の場合未入力

JavaScript でよく使用されるポップアップボックスは何ですか?

確認ポップアップボックス JavaScript でよく使用されるポップアップボックスは何ですか?

確認ダイアログボックスは、主に表示されるオプションに対するユーザーの同意を得るために使用されます。 2 つのボタンがあるダイアログボックス: [キャンセル] と [確認]ユーザーが [OK] ボタンをクリックすると、ウィンドウメソッドconfirm() は true を返します。ユーザーが「キャンセル」ボタンをクリックすると、confirm() は false を返します

例:

 <script type="text/javascript">
   
            function getConfirmation(){
               var result= confirm("你想继续登陆吗");
               if( result== true ){
                  return true;
               }
               else{
                  return false;
               }
            }
 
      </script>
      
   </head>
   <body>
      
      <form>
      	用户名：<input type="txt" id="user">
         <input type="button" value="确定" onclick="getConfirmation();" />
      </form>

ログイン後にコピー

レンダリングは次のとおりです:

#プロンプトポップアップボックス JavaScript でよく使用されるポップアップボックスは何ですか?

プロンプトダイアログボックスは、テキストボックスをポップアップしてユーザー入力を取得する場合に非常に便利です。それはユーザーと対話できるからです。ユーザーはフィールドに入力して [OK] をクリックする必要があります。このダイアログボックスは、2 つのパラメータを持つプロンプト() メソッドを使用して表示されます。

(1) テキストに含めるbox 表示されるラベルと

(2) テキストボックスに表示されるデフォルトの文字列。

ユーザーが「OK」ボタンをクリックすると、ウィンドウメソッドのプロンプト() はテキストボックスに入力した値を返します。ユーザーが「キャンセル」ボタンをクリックすると、ウィンドウメソッドのプロンプト() が戻ります。ヌル。。

例:

<script type="text/javascript">
            function getValue(){
               var result = prompt("请输入用户名 : ", "username");
               document.write("你输入的是 : " + result);
            }
      </script>
      
   </head>
   
   <body>
      <form>
         <input type="button" value="点击" onclick="getValue();" />
      </form>

ログイン後にコピー

結果は次のようになります:

内容を入力すると:

JavaScript でよく使用されるポップアップボックスは何ですか?