Fenêtre contextuelle JavaScript

Trois types de boîtes de message peuvent être créés en JavaScript : boîte d'avertissement, boîte de confirmation et boîte d'invite.

JavaScript alert()

Syntaxe : alert("sometext");

at Utilisez la commande alert en JavaScript pour créer une boîte d'avertissement de message :

La boîte d'avertissement de message est en mode dialogue. Lorsque la boîte d'avertissement apparaît, l'utilisateur doit cliquer sur le bouton OK pour fermer la boîte d'avertissement avant de continuer. opération. La commande

alert a un paramètre, qui est la chaîne de texte que vous souhaitez afficher à l'utilisateur, qui n'est pas au format HTML.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function myFunction(){
   alert("我是一个警告框！");
}
</script>
</head>
<body>
   <input type="button" onclick="myFunction()" value="警告框" />
</body>
</html>

JavaScript confirm()

Utilisez la commande de confirmation en JavaScript pour créer une boîte de confirmation de message :

Syntaxe : confirm("sometext");

La boîte de confirmation est généralement utilisée pour vérifier si l'opération de l'utilisateur est acceptée.

Lorsque la carte de confirmation apparaît, l'utilisateur peut cliquer sur "Confirmer" ou "Annuler" pour confirmer l'opération de l'utilisateur.

Lorsque vous cliquez sur "Confirmer", la boîte de confirmation renvoie vrai. Si vous cliquez sur "Annuler", la boîte de confirmation renvoie faux.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script>
    if (confirm("您确认要删除该条信息吗？")){
    alert("您选择了删除！");
    } else {
    alert("您选择了不删除");
    }
</script>
</head>
<body>
</body>
</html>

Invite JavaScript()

Syntaxe : prompt("sometext","defaultvalue");

Description de la syntaxe

prompt() autorise deux paramètres : le premier paramètre est le texte d'invite à afficher et le deuxième paramètre est le caractère de saisie par défaut. Si la zone de saisie n'est pas vide, prompt() renvoie la valeur de la zone de saisie (le format HTML est pris en charge), sinon elle renvoie null.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script>
    var name = prompt("请输入您的名字：","默认字符")
    if (name!=null && name!=""){
    document.write("你好，" + name + "！")
    }
</script>
</head>
<body>
</body>
</html>

Saut de ligne

La fenêtre contextuelle utilise une barre oblique inverse + "n"(n) pour définir le saut de ligne.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
    <button onclick="myFunction()">点击显示</button>
    <p id="demo"></p>
<script>
    function myFunction(){
    alert("Hello\nHow are you?");
    }
</script>
</body>
</html>

Formation continue

nouveau fichier

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <button onclick="myFunction()">点击显示</button> <p id="demo"></p> <script> function myFunction(){ alert("我是当前显示文字\n我是换行文字"); } </script> </body> </html>

soumettre Réinitialiser le code

Opération automatique

Fenêtre contextuelle JavaScript

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]