首页用JS写一个点击按钮弹出文字窗口

用JS写一个点击按钮弹出文字窗口

时间: 2024-05-24 12:12:51 浏览: 147

<!DOCTYPE html> <html> <head> <title>点击按钮弹出文字窗口</title> <script> function showMessage() { alert("Hello, World!"); } </script> </head> <body> <button onclick="showMessage()">点击我弹出文字窗口</button> </body> </html>

js点击按钮弹出窗口

你可以使用JavaScript中的window.open()方法来弹出一个新的浏览器窗口。例如，以下代码会在点击按钮时弹出一个名为"myWindow"的新窗口： ```html <button onclick="window.open('http://www.example.com', 'myWindow', 'width=400,height=300')">打开窗口</button> ``` 其中，第一个参数是要打开的URL地址，第二个参数是窗口的名称，第三个参数是一个可选的字符串，包含了要打开的窗口的属性，如大小、位置等。

html点击按钮弹出窗口js

当用户点击按钮时，可以通过 JavaScript 中的 onclick 事件来触发弹出新窗口的逻辑。具体代码如下： ``` <button onclick="openWindow()">点击弹出窗口</button> <script> function openWindow() { window.open("http://www.example.com", "newWindow", "width=400,height=300"); } </script> ``` 这里在按钮元素中添加 onclick 属性，并将其值设置为 openWindow() 函数。当用户点击按钮时，就会触发该函数，弹出一个新窗口并打开指定的页面。

阅读全文