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

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

WBOY
WBOYoriginal
2016-06-24 11:41:482495parcourir

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


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

alert("你好!");


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

if(confirm("还有继续吗?")){    alert("继续");}else{    alert("再见");}


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

var name = prompt("你的名字是:");alert("你好," + name);

完整的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>

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



Déclaration:
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