首页在html中利用js实现页面跳转的代码

在html中利用js实现页面跳转的代码

时间: 2023-11-19 11:05:08 浏览: 158

在 HTML 中，可以通过使用 JavaScript 中的 `window.location` 对象实现页面跳转。以下是一个简单的示例： ```html <!DOCTYPE html> <html> <head> <title>页面跳转示例</title> </head> <body> <button onclick="goToPage()">跳转到新页面</button> <script> function goToPage() { // 使用 window.location.href 跳转到新页面 window.location.href = "https://www.baidu.com"; } </script> </body> </html> ``` 在上面的代码中，我们创建了一个按钮，并将其绑定到了 `goToPage()` 函数上。当用户点击该按钮时，该函数会使用 `window.location.href` 将页面跳转到百度的首页。你可以根据需要修改 `window.location.href` 的值，以实现不同的页面跳转。

阅读全文