How to jump to the page in html

HTML is the most basic language in web development. It can help us create static web pages. Jumping in web pages is also a function we often use in daily development. The following will introduce how to implement jump pages in HTML.

1. Use the tag to achieve page jump

Using the link tag in HTML allows users to jump to the specified page by clicking on the hyperlink of the link. . Now I will show you how to use the tag to jump to the page.

<a href="http://www.baidu.com">百度一下，你就知道</a>

In the above code, the href attribute specifies the target page to jump to. In this example, we jump to the Baidu search page.

In addition, the href attribute can also point to other pages in the same directory, other pages across directories, or even point to a specified location (the so-called anchor point).

In practical applications, we can also use relative paths and absolute paths to specify the target address of the jump page.

2. Use JavaScript to achieve page jump

In addition to using the tag to achieve page jump, we can also write JavaScript scripts to achieve page jump. Now I will show you how to use JavaScript to jump to the page.

<button onclick="location.href=&#39;http://www.baidu.com&#39;">跳转到百度</button>

In the above code, when the user clicks the button, the JavaScript script will set the jump address of the page to the address of the Baidu search page, thereby realizing the page jump.

In addition, we can also use the location attribute of the window object to achieve page jump.

<button onclick="window.location.href=&#39;http://www.baidu.com&#39;">跳转到百度</button>

In the above code, the value of the window.location.href attribute is the address of the Baidu search page, and the page jump can be achieved by clicking the button to trigger the JavaScript script.

3. Use the tag to implement page jump

In some cases, we may need to implement automatic page jump instead of waiting for the user to manually click a link or button. At this point, we can use the tag to jump to the page.

<meta http-equiv="refresh" content="5;url=http://www.baidu.com">

In the above code, the http-equiv attribute is equal to "refresh", which means that the tag is used to refresh the page. The content attribute represents the time to refresh the page and the jump target address. "5" means to refresh the page after 5 seconds, and "http://www.baidu.com" is the jump target address.

It should be noted that using the tag to achieve page jump will cause the page to jump automatically, and the user cannot control whether to jump or the target page to jump to.

To sum up, we can jump to HTML pages through tags, JavaScript scripts and tags. According to different needs, we can choose different ways to implement page jumps.

The above is the detailed content of How to jump to the page in html. For more information, please follow other related articles on the PHP Chinese website!