Fenêtre contextuelle JavaScript
Vous pouvez créer trois types de boîtes de message en JavaScript : boîte d'avertissement, boîte de confirmation et boîte de dialogue.
Boîte d'alerte
La boîte d'alerte est souvent utilisée pour garantir que les utilisateurs peuvent obtenir certaines informations.
Lorsque la boîte d'avertissement apparaît, l'utilisateur doit cliquer sur le bouton OK pour continuer l'opération.
Syntaxe
window.alert("sometext");
la méthode window.alert() peut être omise Pour objets window, utilisez directement la méthode alert().
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function myFunction(){
alert("警告框！");
}
</script>
</head>
<body>
<input type="button" onclick="myFunction()" value="显示警告框" />
</body>
</html>
Boîte de confirmation
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.
Syntaxe
window.confirm("sometext");
window.confirm( ) peut utiliser la méthode confirm() directement sans l'objet window.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>点击按钮，显示确认框。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction(){
var x;
var r=confirm("按下按钮!");
if (r==true){
x="你按下了\"确定\"按钮!";
}
else{
x="你按下了\"取消\"按钮!";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>
Boîte d'invite
La boîte d'invite est souvent utilisée pour inviter l'utilisateur à saisir une certaine valeur avant de saisir le page.
Lorsque la boîte de dialogue apparaît, l'utilisateur doit saisir une certaine valeur, puis cliquer sur le bouton confirmer ou annuler pour continuer l'opération.
Si l'utilisateur clique sur Confirmer, la valeur de retour est la valeur saisie. Si l'utilisateur clique sur Annuler, la valeur de retour est nulle.
Syntaxe
window.prompt("sometext","defaultvalue");
la méthode window.prompt() peut être utilisée directement sans l'invite de l'objet window () méthode.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>点击按钮查看输入的对话框。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction(){
var x;
var person=prompt("请输入你的名字","Harry Potter");
if (person!=null && person!=""){
x="你好 " + person + "! 今天感觉如何?";
document.getElementById("demo").innerHTML=x;
}
}
</script>
</body>
</html>
Saut de ligne
Utilisez une barre oblique inverse + "n"(n) pour définir sauts de ligne.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>点击按钮在弹窗总使用换行。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction(){
alert("Hello\nHow are you?");
}
</script>
</body>
</html>
section suivante