JavaScript Pop-up window

Source: Internet
Author: User

You can create three message boxes in JavaScript: A warning box, a confirmation box, and a prompt box.

Warning Box

Warning boxes are often used to ensure that users can get some information.

When the warning box appears, the user needs to click the OK button to continue the operation.

GrammarWindow.alert ("Sometext");

The Window.alert () method can directly use the alert () method without taking the window object.

Example <! DOCTYPE html>


<script>
function MyFunction ()
{
Alert ("I am an alert box!");
}
</script>

<body>

<input type= "button" onclick= "MyFunction ()" value= "Show alert Box" >

</body>

Try it»

Confirmation box

A confirmation box is typically used to verify that a user action is accepted.

When the confirmation card pops up, the user can click "Confirm" or "Cancel" to determine the user action.

When you click "Confirm", the confirmation box returns true and if you click "Cancel", the confirmation box returns false.

GrammarWindow.confirm ("Sometext");

The window.confirm () method can directly use the confirm () method without taking the window object.

Example var r=confirm ("Press a Button");
if (r==true)
{
x= "You pressed ok!";
}
Else
{
x= "You pressed cancel!";
}
Try it»

Prompt box

The prompt box is often used to prompt the user to enter a value before entering the page.

When the prompt box appears, the user needs to enter a value and then click the Confirm or Cancel button to continue the manipulation.

If the user clicks Confirm, then the return value is the value entered. If the user clicks Cancel, the return value is null.

GrammarWindow.prompt ("Sometext","DefaultValue");

The window.prompt () method can directly use the prompt () method without taking the window object.

instance var person=prompt ("Please enter your name", "Harry Potter");
if (person!=null && person!= "")
{
x= "Hello" + person + "! How is you today? ";
}
Try it»

Line break

The pop-up window uses a backslash + "n" to set the line break.

Instance alert ("Hellon\nhow is You?");

JavaScript Pop-up window

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.