html5点击按钮跳转页面
时间: 2023-10-22 16:46:34 浏览: 166
layui自己添加图片按钮并点击跳转页面的例子
在 HTML5 中,你可以使用`<button>`元素和 JavaScript 来实现点击按钮跳转页面的功能。首先,你需要在 HTML 文件中添加一个按钮元素,并为其设置一个唯一的 id 属性:
```html
<button id="myButton">跳转页面</button>
```
然后,你可以使用 JavaScript 来为按钮添加点击事件,并在事件处理函数中使用 `window.location.href` 来跳转到指定的页面:
```html
<script>
var button = document.getElementById("myButton");
button.addEventListener("click", function() {
window.location.href = "目标页面的URL";
});
</script>
```
在上述代码中,将 `"目标页面的URL"` 替换为你想要跳转的页面的实际 URL。当按钮被点击时,JavaScript 会执行 `window.location.href` 这一行代码,将当前页面重定向到指定的 URL。
请注意,由于涉及页面跳转,这种方式可能会导致用户数据丢失,因此在实际应用中需要谨慎使用。
阅读全文