Home > Web Front-end > HTML Tutorial > Five ways to realize automatic page jump in HTML_HTML/Xhtml_Web page production

Five ways to realize automatic page jump in HTML_HTML/Xhtml_Web page production

WBOY
Release: 2016-05-16 16:36:15
Original
1384 people have browsed it

In the previous article, I introduced to you Three common ways to automatically jump the HTML page after 3 seconds. This article will continue to introduce you to the relevant knowledge about HTML page jump. Let’s learn together.
Five examples are listed below to explain in detail. The main function of these examples is: after 5 seconds, automatically jump to the hello.html file in the same directory (modify it according to your own needs).

1) Implementation of html


Copy code
The code is as follows:


< meta http-equiv="refresh" content="5;url=hello.html">

Advantages: Simple

Disadvantage: Cannot be used in Struts Tiles

2) Implementation of javascript


Copy code
The code is as follows:


Advantages: Flexible, can be combined with more other functions

Disadvantages: Affected by different browsers

3) Combined javascript implementation of reciprocal (IE)


Copy code
The code is as follows:



Advantages: more user-friendly

Disadvantages: Firefox does not support (firefox does not support innerText attributes of span, div, etc.)

3) Combined javascript implementation of reciprocal (firefox)


Copy code
The code is as follows:


4) Solve the problem that Firefox does not support innerText


Copy code
The code is as follows:



5) Integrate 3) and 3')


Copy code
The code is as follows:

5
< ;/mce:script>

The above five examples introduce to you the five methods of automatic page jump in HTML. I hope you like it.

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template