zoukankan      html  css  js  c++  java
  • html页面的简单对话框(alert, confirm, prompt)

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

    1、alert(),最简单的提示框:
    alert("你好!");

    2、confirm(),有确认和取消两个button:
    if(confirm("还有继续吗?")){
        alert("继续");
    }else{
        alert("再见");
    }
    

    3、prompt()。能够输入信息:
    var name = prompt("你的名字是:");
    alert("你好。" + name);

    完整的html代码:
    <!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>
    

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




  • 相关阅读:
    性能优化
    几种跨域处理
    重温前端基础之-数组去重
    移动端常遇到的问题
    WPF 应用
    WPF 应用
    WPF 应用
    C# 应用
    WPF 应用
    C# 应用
  • 原文地址:https://www.cnblogs.com/blfbuaa/p/7059474.html
Copyright © 2011-2022 走看看