简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

JS弹出对话框实现方法(三种方式)_javascript技巧

WBOY
Libérer： 2016-05-16 15:24:45
original
2520 Les gens l'ont consulté

本文实例讲述了JS弹出对话框实现方法。分享给大家供大家参考，具体如下：

1.警告框

<html>
<head>
<script type="text/javascript">
function disp_alert()
{
alert("我是警告框！！")
}
</script>
</head>
<body>
<input type="button" onclick="disp_alert()" value="显示警告框" />
</body>
</html>
Copier après la connexion

2.确定取消框

<html>
<head>
<script type="text/javascript">
function disp_confirm()
{
var r=confirm("按下按钮")
if (r==true)
  {
  document.write("您按了确认！")
  }
else
  {
  document.write("您按了取消！")
  }
}
</script>
</head>
<body>
<input type="button" onclick="disp_confirm()" value="显示确认框" />
</body>
</html>
Copier après la connexion

3.有输入的框

<html>
<head>
<script type="text/javascript">
function disp_prompt()
{
var name=prompt("请输入您的名字","Bill Gates")
if (name!=null && name!="")
  {
  document.write("你好！" + name + " 今天过得怎么样？")
  }
}
</script>
</head>
<body>
<input type="button" onclick="disp_prompt()" value="显示提示框" />
</body>
</html>
Copier après la connexion

希望本文所述对大家JavaScript程序设计有所帮助。

Étiquettes associées：
js
source：php.cn
Article précédent：jQuery中trigger()与bind()用法分析_jquery Article suivant：JavaScript ParseFloat()方法_javascript技巧
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Comment utiliser la balise primitive ouverte dans Next JS 13 ? Dans la récente mise à jour NextJS13, ils ont introduit une nouvelle façon de gérer les ba...
Depuis 2023-11-10 23:03:51
0
1
527
Livewire non défini J'ai du mal à déployer mon projet LaravelLivewire sur le serveur. Le problème est que le f...
Depuis 2023-11-09 15:34:23
0
1
233
Vue js : Dépannage - Lecture de la propriété '$refs' de undefined Obtention de l'erreur Impossible de lire la propriété non définie (lecture de '$refs') mêm...
Depuis 2023-11-07 23:34:12
0
1
305
Étapes pour installer jQuery dans Nuxt.js Bien que j'essaie d'ajouter jQuery dans mon projet, j'obtiens une erreur indiquant qu'il n...
Depuis 2023-11-06 16:41:50
0
1
225
Comportement inattendu (bug du bouton blanc) lors de l'utilisation de Tailwind et MUI dans le projet NextJS Je construis actuellement un projet en utilisant NextJS, TailwindCSS et la bibliothèque MU...
Depuis 2023-11-04 11:04:23
0
1
178
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！