JavaScript中三种弹出式消息提醒的命令是啥？（如：警告，确认，信息输入）

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript中三种弹出式消息提醒的命令是啥？（如：警告，确认，信息输入）相关的知识，希望对你有一定的参考价值。

1、警告框alert，在js中直接运用alert("警告");
2、确认框confirm。

confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框，根据用户点击确认框上的按钮返回true与false。
用法：
if(confirm("确定要清空数据吗？"))

document.main.text1.value="";

3、信息输入框prompt。
prompt() 方法用于显示可提示用户进行输入的对话框。如果用户单击提示框的取消按钮，则返回 null。如果用户单击确认按钮，则返回输入字段当前显示的文本。
用法：
var name = prompt('请输入数字',''); 参考技术A prompt() 信息输入
alert() 警告
confirm() 确认

示例：

<script type="text/javascript">
var msg = prompt('你爱我吗？','请输入你的答案:爱or不爱？');

if(confirm('你确定'+ msg + "？"))
alert("我也" + msg + "");
else
alert("不理你！");

</script>

祝楼主好运~~~本回答被提问者采纳 参考技术B alert('Alert!');

if(confirm('你吃饭了吗？'))
alert('你按了确定');


var text = prompt('标题','请输入内容');//text为用户输入的值，默认为“请输入内容” 参考技术C alert（）警告
confirm()确认
prompt()信息输入 参考技术D alert('警告');
yesOrNo = confirm('确认？');
inputValue = prompt('输入内容提示', '默认值');

JavaScript 基础，登录验证

    1. <script></script>的三种用法：
      1. 放在<body>中
      2. 放在<head>中
      3. 放在外部JS文件中
    2. 三种输出数据的方式：
      1. 使用 document.write() 方法将内容写到 HTML 文档中。
      2. 使用 window.alert() 弹出警告框。
      3. 使用 innerHTML 写入到 HTML 元素。
        1. 使用 "id" 属性来标识 HTML 元素。
        2. 使用 document.getElementById(id) 方法访问 HTML 元素。
        3. 用innerHTML 来获取或插入元素内容。

    3. 登录页面准备：
      1. 增加错误提示框。
      2. 写好HTML+CSS文件。
      3. 设置每个输入元素的id
    4. 定义JavaScript 函数。
      1. 验证用户名6-20位
      2. 验证密码6-20位
    5. onclick调用这个函数。 
      <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎来到登录界面，请登录</title>
 
    <script type="text/javascript" src="sdda.js"></script>
    <link rel="stylesheet" href="sdf.css">
</head>
<body>
<p id="meto">中国标准时间</p>
<script>document.getElementById("meto").innerHTML = Date()</script>
<div id="container" style="width: 300px" align="center">
    <div id="header" style="background-color: yellow"><h2 align="center">登陆界面</h2></div>
    <div id="content" style="background-color: aqua">
 
            <p align="center">用户名：<input id="uname" type="text" name="user" placeholder="请输入账号">
 
            </p>
            <p align="center"> 密码&nbsp：<input id="upass" type="password" name="psw" placeholder="请输入密码"></p>
            <br>
            <div id="error_box"><br>
            </div>
            <input type="radio" value="stu">用户
            <input type="radio" value="tea">会员
            <br>
 
            <input type="checkbox" value="true">记住密码 <a href="">登陆遇到问题</a><br>
            <button onclick="fnLogin()">登陆</button>
            &nbsp&nbsp&nbsp
            <input type="button" name="regist" value="注册">
 
 
    </div>
    <div id="footer" style="background-color: crimson"><h3 align="center">版权@hir</h3></div>
</div>
</body>
</html>

      　　

      function fnLogin() {
    var oUname = document.getElementById("uname")
    var oUpass = document.getElementById("upass")
    var oError = document.getElementById("error_box")
    if (oUname.value.length > 20 || oUname.value.length < 6) {
        oError.innerHTML = "用户名为6-20位字符"
    }
 
    if (oUpass.value.length > 20 || oUpass.value.length < 6) {
        oError.innerHTML = "密码为 6-20位字符"
    }
}

      　　



以上是关于JavaScript中三种弹出式消息提醒的命令是啥？（如：警告，确认，信息输入）的主要内容，如果未能解决你的问题，请参考以下文章

javascript中的三种弹窗

JavaScript 中三种定义函数的方式

JavaScript中三种for循环语句的使用总结（forfor...infor...of）

JS实现复制页面文字弹出消息提醒

Git中三种文件状态及其转换和git适用命令

JavaScript 基础，登录验证