首页html漂亮的弹窗提示代码，点击确定后跳转url

html漂亮的弹窗提示代码，点击确定后跳转url

时间: 2023-07-16 22:12:42 浏览: 79

以下是一个简单的HTML弹窗提示代码，点击确定后跳转到指定的URL页面： ```html <!DOCTYPE html> <html> <head> <title>弹窗提示</title> <style type="text/css"> body { background-color: #f5f5f5; } .popup { background-color: #fff; border: 1px solid #ccc; box-shadow: 0px 0px 10px #ccc; padding: 20px; max-width: 400px; margin: 50px auto; text-align: center; font-size: 18px; } .btn { background-color: #4CAF50; color: #fff; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; margin-top: 20px; } </style> </head> <body> <div class="popup"> <p>这是一个弹窗提示。</p> <button class="btn" onclick="window.location.href='https://www.example.com'">确定</button> </div> </body> </html> ``` 在这个示例中，我们使用CSS样式定义了弹窗的样式，使用了一个`div`元素作为弹窗的容器。然后，在弹窗中添加了一些文本和一个按钮，当用户单击该按钮时，它将使用JavaScript代码将页面重定向到指定的URL。请注意，此示例中的代码只是一个基本示例，您可以根据自己的需求进行更改和扩展。