JavaScript基础：弹窗函数详解

"本文档是关于JavaScript基础知识的学习资料，涵盖了JavaScript中的基本交互功能，包括alertbox、confirmbox和promptbox的使用，以及如何调用函数，适用于大学考试复习。” JavaScript是一种广泛应用于网页开发的脚本语言，它允许动态地与用户进行交互。在JavaScript中，有三种基本的对话框用于与用户进行交互：alert、confirm和prompt。 1) Alertbox： `alert()` 函数是JavaScript中用来弹出警告对话框的方法，通常显示一条消息并带有“确定”按钮。在给出的部分代码中，定义了一个名为`disp_alert`的函数，当用户点击按钮时，会触发这个函数，弹出包含文本"I am an alert box!!"的警告框。 ```html <script type="text/javascript"> function disp_alert() { alert("I am an alert box!!"); } </script> <input type="button" onclick="disp_alert()" value="Display alertbox"/> ``` 2) Confirmbox： `confirm()` 函数则弹出一个带有“确定”和“取消”两个按钮的对话框，用户可以选择确认或取消操作。如果用户点击“确定”，它返回`true`；如果点击“取消”，则返回`false`。以下代码展示了如何使用`confirm`创建一个确认对话框： ```html <script type="text/javascript"> function disp_confirm() { var r = confirm("Press a button"); if (r == true) { document.write("You pressed OK!"); } else { document.write("You pressed Cancel!"); } } </script> <input type="button" onclick="disp_confirm()" value="Display a confirm box" /> ``` 3) Promptbox： `prompt()` 函数允许向用户询问信息，提供一个输入字段和两个按钮（“确定”和“取消”）。如果用户输入了内容并点击“确定”，它将返回输入的字符串；如果用户点击“取消”或未输入任何内容，它将返回`null`。以下例子展示如何使用`prompt`请求用户的姓名： ```html <script type="text/javascript"> function disp_prompt() { var name = prompt("Please enter your name", "Harry Potter"); if (name != null && name != "") { document.write("Hello " + name + "! How are you today?"); } } </script> <input type="button" onclick="disp_prompt()" value="Display a prompt box" /> ``` 4) Call a function： 在JavaScript中，可以创建自定义函数来执行特定任务。例如，`myfunction`函数会在调用时弹出一个警告框显示“HELLO”。函数可以通过事件监听器（如`onclick`）或者在代码的任何位置调用： ```html <script type="text/javascript"> function myfunction() { alert("HELLO"); } </script> <input type="button" onclick="myfunction()" value="Call a function" /> ``` 这些基本的交互功能是JavaScript编程的基石，对于初学者来说是非常重要的学习内容。通过掌握这些知识，开发者能够创建更具互动性的网页，提升用户体验。