Maison > interface Web > tutoriel HTML > html页面的简单对话框(alert, confirm, prompt)_html/css_WEB-ITnose

html页面的简单对话框(alert, confirm, prompt)_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:41:48
original
2494 Les gens l'ont consulté

html页面简单的三种对话框如下:


1、alert(),最简单的提示框:

alert("你好!");
Copier après la connexion


2、confirm(),有确认和取消两个按钮:

if(confirm("还有继续吗?")){    alert("继续");}else{    alert("再见");}
Copier après la connexion


3、prompt(),可以输入信息:

var name = prompt("你的名字是:");alert("你好," + name);
Copier après la connexion

完整的html代码:

      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">    <meta name="content-type" content="text/html; charset=UTF-8">    <title>对话框测试</title>        <script>    	function confirmDialog(){			if(confirm("还要继续吗?")){	    		alert("继续");			}else{    			alert("再见");			}    	}    	    	function promptDialog(){    		var name = prompt("你的名字是:");			alert("你好," + name);    	}    </script>  	对话框测试:	<div style="margin-top:50px">		<input type="button" value="alert" onclick="alert('你好!')">		<input type="button" value="confirm" onclick="confirmDialog()">		<input type="button" value="prompt" onclick="promptDialog()">	</div>
Copier après la connexion

(原创文章,转载请注明转自Clement-Xu的csdn博客。)



source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal