JavaScript 弹窗详解：alert、confirm、prompt及自定义窗口

"JavaScript弹出窗口" 在JavaScript中，有三种基本的弹出窗口方法，它们分别是`alert()`、`confirm()`和`prompt()`，这些方法对于初学者来说是理解和学习网页交互的基础。 1. `alert()`对话框： `alert()`函数用于显示警告对话框，其中包含一条消息和一个“确定”按钮。它不接受用户输入，通常用来显示简短的通知或警告信息。例如： ```javascript <script> alert("你好，这是一个警告对话框"); </script> ``` 2. `confirm()`对话框： `confirm()`函数会显示一个带有消息和“确定”与“取消”两个按钮的对话框。如果用户点击“确定”，它返回`true`；如果用户点击“取消”，则返回`false`。这常用于请求用户的确认或批准。例如： ```javascript <script> if (confirm("你确定要执行此操作吗？")) { // 用户点击了"确定" } else { // 用户点击了"取消" } </script> ``` 3. `prompt()`对话框： `prompt()`方法打开一个输入对话框，显示指定的消息，并请求用户输入数据。它会返回用户输入的值，如果用户取消对话框，将返回`null`。例如： ```javascript <script> var userInput = prompt("请输入你的名字", "默认用户名"); console.log("用户输入的名字是：" + userInput); </script> ``` 此外，JavaScript还提供了`window.open()`方法来创建新的浏览器窗口或者打开已有的窗口。这个方法接受三个参数： - `URLStr`：表示新窗口要加载的URL。 - `WindowName`：窗口的名称，可以用于引用该窗口，如果窗口已经存在且具有相同的名称，那么`window.open()`将重用该窗口。 - `Property`：一组以逗号分隔的特性值，用于定义新窗口的属性，如宽度、高度、是否显示工具栏等。 例如，创建一个新的窗口，尺寸设为100x400像素，位于屏幕左上角，并禁用所有额外的界面元素： ```javascript window.open('page.html', 'newwindow', 'height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no'); ``` 关闭窗口可以使用`window.close()`，但需要注意的是，只有创建窗口的脚本才能关闭它。如果想要关闭当前窗口，可以使用`window.self.close()`；如果想要关闭父窗口，可以先设置`window.opener`为`null`，然后调用`window.close()`。 另外，如果你想要在点击链接时打开新窗口并执行某些JavaScript代码，可以在`<a>`标签中使用`onClick`事件，比如： ```html <a href="#" onClick="openNewWindowAndDoSomething()">点击我</a> <script> function openNewWindowAndDoSomething() { var newWindow = window.open('page.html', 'newwindow'); // 在这里执行其他操作 } </script> ``` 以上就是JavaScript弹出窗口的基本知识，包括`alert()`、`confirm()`、`prompt()`以及`window.open()`方法的使用，这些都是网页动态效果实现的关键部分。