JavaScript BOM 弹出框

  • JavaScript 弹出框

    JavaScript有三种弹出框:警告框确认框提示框
  • 警告框

    如果要确保信息传递给用户,通常会使用警告框。弹出警告框时,用户必须单击“确定”才能继续。
    语法:
    window.alert("sometext");
    window.alert()可以在没有window前缀的情况下编写该方法。
    alert("I am an alert box!");
    尝试一下
  • 确认框

    如果您希望用户验证或接受某些内容,则通常会使用确认框。弹出确认框时,用户必须单击“确定”或“取消”才能继续。如果用户单击“确定”,则该框返回true。如果用户单击“取消”,则该框返回 false。
    语法:
    window.confirm("sometext");
    window.confirm()可以在没有window前缀的情况下编写该方法。
    if (confirm("Press a button!")) {
      txt = "You pressed OK!";
    } else {
      txt = "You pressed Cancel!";
    }
    尝试一下
  • 提示框

    如果您希望用户在输入页面之前输入值,则通常会使用提示框。弹出提示框时,用户必须在输入输入值后单击“确定”或“取消”才能继续。如果用户单击“确定”,则该框返回输入值。如果用户单击“取消”,则该框返回null。
    语法:
    window.prompt("sometext","defaultText");
    window.prompt()可以在没有window前缀的情况下编写该方法。
    var person = prompt("Please enter your name", "Harry Potter");
    
    if (person == null || person == "") {
      txt = "User cancelled the prompt.";
    } else {
      txt = "Hello " + person + "! How are you today?";
    }
    尝试一下
  • 换行符

    要在弹出框内显示换行符,请使用反斜杠后跟字符n。
    alert("Hello\nHow are you?");
    尝试一下