JS部1)2.6:alert,prompt,confirmを用いたインタラクション

3277 ワード
JavaScript js テキストリンク

1. alert


「OK」ボタンを押すまでメッセージのウィンドウが表示されます.

📌 モードウィンドウ


:メッセージ付きウィンドウ
💡 「モード」という言葉には、ページの残りの部分と対話できないという意味が含まれています.このため、ユーザは、確認ボタンを押すまで、モードウィンドウ外のボタンを押すことができない.

2. prompt


result = prompt(title, [default]);
  • title:ユーザーに表示される文字列
  • default:入力フィールドの初期値(オプション)
    • 関数を実行すると、テキストメッセージと入力フィールド(inpupt field)、OK(OK)、キャンセル(Cancel)ボタンを含むモードウィンドウが表示されます.
    💡 ラップパラメータのかっこ[...]の意味:カッコ内のパラメータが必須の選択値ではないことを示します.
    プロンプト・ダイアログ・ボックスの入力フィールドに必要な値を入力して、「OK」をクリックします.値を入力しない場合は、[キャンセル](Cancel)ボタンを押すか、Escを押してダイアログボックスを終了します.
    prompt関数は、ユーザーが入力フィールドに記録した文字列を返します.ユーザーが入力をキャンセルした場合nullが返されます.
    EX.
    💡 Internet Explorer(IE)は常にデフォルトです
    プロンプト関数の2番目のパラメータはオプションですが、このパラメータがない場合、IEは入力フィールドにundefinedを指定します.

    確認ダイアログ


    result = confirm(question);
    confirm関数には、パラメータとして受信した問題(問題)と確認とキャンセルボタンを含むモードウィンドウが表示されます.
    ユーザが確認ボタンを押すとtrueを返し、そうでない場合falseを返します.
    EX.

    ❗3つの関数に存在する2つの制約

  • モードウィンドウの位置はブラウザによって決定され、通常はブラウザの中央に位置する.
  • モードウィンドウの外観はブラウザによって異なります.開発者はウィンドウの形状を変更できません.

    • 💻 課題


    単純ページの作成


    📌 index.html

    <!DOCTYPE html>
<html>
    <body>
        <script src='./hw.js'></script>
    </body>
</html>

    📌 hw.js

    let userName = prompt("이름이 뭔가요?");
alert(userName);
    この文章はhttps://ko.javascript.info/を参考にして書かれた.
    Hadoop配備方式-ローカルモード(Standalone)Mode)
    HDU3711 Binary Number