📜  JavaScript Alert()

📅  最后修改于: 2020-10-26 03:35:25             🧑  作者: Mango

JavaScript Alert()

JavaScript中的alert()方法用于显示虚拟警报框。它主要用于向用户发出警告消息。它显示一个警告对话框,其中包含一些指定的消息(可选)和一个OK按钮。当对话框弹出时,我们必须单击“确定”继续。

警报对话框将重点放在并强制用户阅读指定的消息。因此,我们应该避免过度使用此方法,因为在关闭该框之前,该方法会阻止用户访问网页的其他部分。

我们可以通过一个示例来了解警报方法的有用性。假设我们必须填写身份证的表格。它询问出生日期以获取身份证的资格标准。如果年龄为18岁或以上,则该过程将继续。否则,它将显示警告信息,提示您年龄小于18岁。此警告消息是“警告框”。

另一个示例是假设要求用户填写表格,在该表格中需要一些必填字段来输入一些文本,但是用户忘记提供输入。作为验证的一部分,我们可以使用警报对话框显示与填充文本字段相关的警告消息。

除了显示警告或错误外,警报对话框还可以用于普通消息,例如“欢迎回来”,“ Hello XYZ”等。

句法

alert(message)

价值观

消息:这是一个可选字符串,用于指定要在警报框中显示的文本。它包含我们要显示给用户的信息。

让我们来看一些JavaScript alert()方法的示例。

例1

在此示例中,有一个简单的警报对话框,其中包含一条消息和一个“确定”按钮。这里有一个HTML按钮,用于显示警报框。我们使用onclick属性,并在定义alert()的地方调用fun()函数。


      
           
   
   
   
      

Click the following button to see the effect

输出量

单击按钮后,输出将为-

例2

在此示例中,有一个带有消息和“确定”按钮的警报对话框。在这里,我们使用警报框消息中的换行符。换行符使用’\ n’定义。换行符使消息可读且清晰。我们必须单击给定的按钮才能看到效果。


      
           
   
   
   
      

Click the following button to see the effect

输出量

单击按钮后,输出将为-

在此示例中,有一个带有消息和“确定”按钮的警报对话框。在此,警报框显示相应页面的URL。通过使用alert(location.hostname)定义URL。声明。


      
           
   
   
   
      

Click the following button to see the effect