JavaScript では、警告ボックス、確認ボックス、プロンプト ボックスの 3 種類のメッセージ ボックスを作成できます。 警告ボックスアラート ボックスは通常、ユーザーが特定の情報を確実に取得できるようにするために使用されます。 警告ボックスが表示されたら、ユーザーは操作を続行するために「OK」ボタンをクリックする必要があります。 構文形式: window.alert("警告テキスト"); ソースコードの例: <!DOCTYPE html> <html> <ヘッド> <メタ文字セット="utf-8"> <title>JS アラート ボックスの例</title> <スクリプト> 関数myFunction(){ alert("へへ、これは警告ボックスだよ!"); } </スクリプト> </head> <本文> <input type="button" onclick="myFunction()" value="警告ボックスを表示" /> </本文> </html> 名前を付けて保存: JS 警告ボックス example.html ブラウザでテストを実行すると、結果は次のようになります。 確認ボックス確認ボックスは、ユーザーのアクションが受け入れられたことを確認するためによく使用されます。 確認ボックスがポップアップ表示されたら、ユーザーは「確認」または「キャンセル」をクリックしてユーザー操作を確認できます。 「確認」をクリックすると確認ボックスに true が返され、「キャンセル」をクリックすると確認ボックスに false が返されます。 構文形式: window.confirm("テキスト"); ソースコードの例: <!DOCTYPE html> <html> <ヘッド> <メタ文字セット="utf-8"> <title>JS 確認ボックスの例</title> </head> <本文> <p>ボタンをクリックすると確認ボックスが表示されます。 </p> <button onclick="myFunction()">クリックしてください</button> <p id="デモ"></p> <スクリプト> 関数myFunction(){ var x; var r=confirm("へへ、これはボックスの例です!"); (r==true)の場合{ //x="「OK」ボタンを押しました!"; x='「OK」ボタンを押しました!'; } それ以外{ //x="「キャンセル」ボタンを押しました!"; x='「キャンセル」ボタンを押しました!'; } document.getElementById("デモ").innerHTML=x; } </スクリプト> </本文> </html> 名前を付けて保存: JS 確認ボックス example.html ブラウザでテストを実行すると、結果は次のようになります。 ヒントボックスプロンプト ボックスは通常、ページに入る前にユーザーに値を入力するよう促すために使用されます。 プロンプト ボックスが表示されたら、ユーザーは値を入力し、[確認] または [キャンセル] ボタンをクリックして操作を続行する必要があります。 ユーザーが [OK] をクリックすると、入力した値が返されます。ユーザーが「キャンセル」をクリックした場合、戻り値は null になります。 構文形式: window.prompt("プロンプトテキスト","デフォルト値"); ソースコードの例: <!DOCTYPE html> <html> <ヘッド> <メタ文字セット="utf-8"> <title>JS プロンプト ボックスの例</title> </head> <本文> <p>ボタンをクリックすると入力ダイアログが表示されます。 </p> <button onclick="myFunction()">クリックしてください</button> <p id="デモ"></p> <スクリプト> 関数myFunction(){ var x; var person = prompt("お名前を入力してください", "Tom"); if (person!=null && person!=""){ x="こんにちは" + 人 + "!今日の気分はどうですか?"; document.getElementById("デモ").innerHTML=x; } } </スクリプト> </本文> </html> 名前を付けて保存: JS プロンプト ボックス example.html ブラウザでテストを実行すると、結果は次のようになります。 以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: mysqladmin を使用して MySQL インスタンスの現在の TPS と QPS を取得する方法
UDP の理論については詳しく説明しません。UDP に関する HelloWorld プログラムを紹介...
数日前、同僚からMySQLのインデックスについて質問を受けました。大体わかっているのですが、まだ練習...
123WORDPRESS.COM HTML チュートリアル セクションに戻るには、ここをクリックして...
この記事では、参考までにvueキャンバスのタイムライン描画の具体的なコードを紹介します。具体的な内容...
目次ハッシュと履歴の違いハッシュ履歴getCurrentLocation の実装setupListe...
導入EXISTS は、サブクエリが少なくとも 1 行のデータを返すかどうかを確認するために使用されま...
JS はホバー ドロップダウン メニューを実装します。これは、フロントエンドの面接で遭遇するシナリ...
今日、CSDN の Q&A セクションで友人が質問をしているのを見ました。彼は 1 次元配列...
今日の講義では、HTML におけるタグの表示モードについてお話ししましたが、これはブロックレベルタグ...
序文: Integer は MySQL で最もよく使用されるフィールド型の 1 つで、通常は整数を格...
一般的に、MySQL はデフォルトでさまざまなストレージ エンジンを提供しており、次のように表示され...
序文DISTINCT は、GROUP BY 操作の実装と非常によく似ていますが、GROUP BY の...
必要な項目をループして検証するために、クエリ フォームのいくつかのプロパティを実装したいと考えていま...
1. 単一テーブルクエリ -> 更新 テーブル名の更新 フィールド1=新しい値1、フィールド2...
目次概要Canvas API: グラフィックスの描画パス線種矩形アーク文章グラデーションと画像の塗り...