首页js点击购物车按钮打开子窗口

js点击购物车按钮打开子窗口

时间: 2023-09-03 22:16:47 浏览: 91

可以使用 JavaScript 的 `window.open()` 方法来实现点击购物车按钮打开子窗口的功能。以下是一个简单的示例代码： ```html <!DOCTYPE html> <html> <head> <title>购物车</title> <meta charset="utf-8"> <style> #cart-btn { background-color: #f00; color: #fff; padding: 10px; border: none; cursor: pointer; } </style> </head> <body> <h1>购物车</h1> <button id="cart-btn" onclick="openCart()">打开购物车</button> <script> function openCart() { window.open("cart.html", "cart", "width=400,height=400"); } </script> </body> </html> ``` 在上面的代码中，我们使用了一个 `button` 元素来作为购物车按钮，并为其绑定了 `onclick` 事件，当用户点击按钮时会调用 `openCart()` 函数。在 `openCart()` 函数中，我们使用 `window.open()` 方法打开了一个名为 "cart" 的子窗口，并指定了子窗口的宽度和高度。你可以将上面的代码保存为 `index.html` 文件，然后创建一个名为 `cart.html` 的子窗口页面，用于显示购物车的内容。在子窗口页面中，你可以使用 JavaScript 或其他技术来实现购物车的功能。

阅读全文