Home > Web Front-end > JS Tutorial > Basic explanation of js pop-up window

Basic explanation of js pop-up window

小云云
Release: 2018-02-24 14:31:34
Original
2271 people have browsed it

We have used the alert() method, prompt() method, and prompt() method in some examples. They all pop up a dialog box on the screen and display the content in brackets on it. Use this This method makes the interactivity of the page more exciting. In fact, we often use this type of dialog box when browsing web pages. Dialog boxes are often used when users have two-way communication with applications.

The three dialog boxes of JavaScript are obtained by calling the three methods alert(), confirm() and prompt() of the window object. You can use these Dialog box to complete js input and output, and implement js code that can interact with users.

Today the editor will briefly introduce the three pop-up dialog boxes in js. The editor will first explain these methods in detail separately, and then compare these methods. Okay, let’s start. Our js journey `(*∩_∩*)′......


First: alert() method

The alert() method is the easiest to use among the three dialog boxes. It can be used to display the text information in the alert() brackets in the dialog box simply and clearly. We call it an alert dialog box. The information to be displayed is placed in brackets. The dialog box contains a "Confirm" button. After the user has finished reading the displayed information, he only needs to click the button to close the dialog box. Let’s look at an example of using the alert() method. The code is as follows:





?

<html>
<head>
<title>编写html页面</title>
<script language="javascript"> //JavaScript脚本标注
alert("上联:山石岩下古木枯");//在页面上弹出上联
alert("下联:白水泉边少女妙");//在页面上弹出下联
</script>
</head>
Copy after login

Execute the above small example, a dialog box will pop up on the page and display the sentence "First line: The ancient trees are dead under the rocks." , as shown below:

Then, click the "Confirm" button and then the second dialog box will be displayed and "The girl beside the white water spring is wonderful!", the effect is as follows;


A dialog box pops up on the page and displays the sentence "First couplet: Ancient trees withered under the rocks." Click the "Confirm" button and then displays the second dialog box and displays "White Water" The girl by the spring is wonderful!" Let's analyze this small example:


a、在

Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template