Home > Web Front-end > HTML Tutorial > Simple dialog box for html page (alert, confirm, prompt)_html/css_WEB-ITnose

Simple dialog box for html page (alert, confirm, prompt)_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:41:48
Original
2497 people have browsed it

The three simple dialog boxes on the html page are as follows:


1. alert(), the simplest prompt box:

alert("你好!");
Copy after login


2. confirm(), there are two buttons: confirm and cancel:

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


3. prompt(), you can enter information:

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

Complete html code:

<!DOCTYPE html><html>  <head>    <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>  </head><body>	对话框测试:	<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></body></html>
Copy after login

(Original article, please indicate the reprint from Clement-Xu’s csdn blog.)



source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template