JavaScript基础教程：弹窗与函数调用实例

本资源是一份关于JavaScript基础知识的详细总结，主要讲解了四种常见的JavaScript交互元素：Alertbox、Confirmbox、Promptbox以及如何调用函数。以下将对这些知识点进行深入解析。 1. **Alertbox**： Alertbox是JavaScript中用于显示警告对话框的内置功能。在提供的HTML示例中，`disp_alert()`函数通过`window.alert()`方法弹出一个带有文本"I am an alertbox!!"的消息框。用户点击"显示alertbox"按钮时，会触发该函数，向用户展示一个简单的提示窗口，告知他们操作结果。 2. **Confirmbox**： Confirmbox允许用户确认或取消操作。`disp_confirm()`函数使用`window.confirm()`，当用户点击"显示confirmbox"按钮时，会显示一个带有文本"Press a button"的对话框。如果用户选择"OK"，则执行`document.write("You pressed OK!")`；若选择"Cancel"，则输出"You pressed Cancel!"。这展示了JavaScript处理用户交互的能力。 3. **Promptbox**： Promptbox用于获取用户的输入，提供了交互式的用户体验。`disp_prompt()`函数通过`window.prompt()`，提示用户输入姓名，并预设了默认值"HarryPotter"。当用户点击"显示promptbox"按钮后，程序会等待用户的输入，如果输入不为空，则输出问候语"Hello"加上用户输入的名字。 4. **Call a function**： JavaScript中的函数是一段可重复使用的代码块，能够封装特定任务。在这个例子中，`myfunction()`定义了一个名为`myfunction`的简单函数，它使用`alert("HELLO")`来显示消息"HELLO"。在HTML中，通过`onclick`属性将这个函数与按钮关联起来，使得点击按钮时自动调用该函数。 这份JavaScript基础知识总结包含了基础的交互式元素使用方法，以及如何创建和调用函数，这对于理解和掌握JavaScript编程语言的初级阶段至关重要。通过实践这些实例，开发者可以逐步熟悉JavaScript的基本语法和功能，为进一步学习和开发Web应用打下坚实的基础。