zoukankan      html  css  js  c++  java
  • 在javascript中使用提示信息来熟悉当前的程序流程

      最近,因为需要,开始了解javascript,这个对我来说是个新的东西,在分析现有程序的功能的时候,需要增加一些提示信息来帮助了解程序的处理流程。于是在网上了解了一下提示信息的使用和区别。在此整理一下,以便后续使用。
    以下是代码:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    	<title>javascript中的三种提示信息的使用</title>
    </head>
    <body>
    	javascript中的三种提示信息的使用。请点击以下按钮来验证效果。
    	<br>
    	<input id="alertButton" type="button" value="弹出告警信息" onclick="showAlert()" >
    	<input id="confirmButton" type="button" value="弹出确认信息" onclick="showConfirm()" >
    	<input id="promptButton" type="button" value="弹出提示信息" onclick="showPrompt()" >
    </body>
    </html>
    
    
    <script type="text/javascript">
    function showAlert(){
    	alert('告警信息如下:
    function showAlert()');
    }
    
    function showConfirm(){
    	var result = confirm('请选择是或者否');
    	if(result){
    		alert('你选择了是!');
    	}else{
    		alert('你选择了否!');
    	}
    }
    
    function showPrompt(){
    	var value = prompt('请输入你的爱好', 'coding?');
    	if(value == null){
    		alert('你不打算输入爱好了(~_~)!');
    	}else if(value == ''){
    		alert('你没有输入任何信息,请重新输入!');
    		show_prompt();
    	}else{
    		alert('太棒了!你的爱好是:'+value);
    	}
    }
    </script>
    
  • 相关阅读:
    SpringBoot整合JavaMail发送邮件
    SpringBoot使用SpringDataJPA完成CRUD
    开源「高逼格」简历例句
    Spring Boot 两种多数据源配置:JdbcTemplate、Spring-data-jpa
    Spring Boot
    Socket网络编程
    项目action:前台传多个dataWrap给后台
    Java——定时任务调度工具
    Spring5源码,@ModelAttribute
    windows下MongoDB的安装及配置
  • 原文地址:https://www.cnblogs.com/babyha/p/7700771.html
Copyright © 2011-2022 走看看