Method: 1. Use the "" statement uses the a tag to wrap the button element setting.
The operating environment of this tutorial: Windows 10 system, HTML5 version, Dell G3 computer.
html5How to set the button button to jump to the page
1. Use the onclick click event and the window.location.href attribute to add clicks to the button element The event jumps to the page.
The syntax is as follows:
<button onclick="window.location.href=跳转地址">按钮</button>
The example is as follows:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<button onclick="window.location.href='https://www.baidu.com/'">按钮</button>
</body>
</html>Output result:
2. Utilization The a tag wraps the button element, and you can use the href attribute of the a tag to set the jump address.
The example is as follows:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<a href="https://www.baidu.com/"><button>按钮</button></a>
</body>
</html>The output result is the same as above.
Recommended tutorial: "html video tutorial"
The above is the detailed content of How to set button button to jump to page in html5. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
