Rumah > hujung hadapan web > html tutorial > html页面的简单对话框(alert, confirm, prompt)_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-24 11:41:48
asal
2497 orang telah melayarinya

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


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

alert("你好!");
Salin selepas log masuk


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

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


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

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

完整的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>
Salin selepas log masuk

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



sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan