HTML5页面跳转的几种方法

1.定时跳转或者原地刷新

对于刷新当前页面js控制为：

window.location.reload();//刷新当前页面，重新向服务器请求数据

head标签内部的meta标签方式，定时刷新当前界面或刷新到另一个页面：

<meta charset="utf-8" http-equiv="refresh" content="3;url=another.html">  // 3秒后跳转到another.html页面

2.js手动替换跳转^_^

优点：灵活，可以结合更多的其他功能
缺点：受到不同浏览器的影响

上面的方法跳转会保留历史页面记录，通过返回键可以返回上一个界面，如果不想返回，直接替换页面的函数：

window.location.replace("hello.html"); //刷新当前页面，重新向服务器请求数据

或：

window.location.href="hello.html";

3.历史记录跳转

1. window.history.go():

window.history.go(-1); // 返回上一页window.history.go(-2); // 返回上两页window.history.go("hello.html");// 跳转到hello.html

2. window.history.back();

等同于：window.history.go(-1);//返回上一页

3. window.history.forward(); //返回下一页

HTML5页面跳转的几种方法相关推荐

本地html自动跳转,HTML页面跳转的5种方法
下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件. 1) html的实现优点:简单缺点:Struts Tiles中 ...
js 控制页面跳转的5种方法
js 控制页面跳转的5种方法编程式导航: 点击跳转路由,称编程式导航,用js编写代码跳转. History是bom中的History.back是回退一页Histiory.go(1)前进一页Histo ...
视频直播网站源码，uniapp页面跳转的几种方法和区别
视频直播网站源码,uniapp页面跳转的几种方法和区别保留当前页面,可跳转到非 tabBar 页面,使用uni.navigateBack可以返回到原页面(可传参) uni.navigateTo({u ...
JS 实现页面跳转的几种方法
JS 实现页面跳转的几种方法要实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码 JS跳转大概有以下几种方式: 第一种:(跳转到b.html) <script languag ...
js中实现页面跳转的几种方法
按钮式: 1 <INPUT name="pclog" type="button" value="GO" onClick="l ...
php实现页面跳转的几种方法(实例分享)
发布:theboy 来源:net [大中小] 转自:http://www.jbxue.com/article/2366.html php 页面跳转的几种方法方法一.header()函 ...
Jsp页面跳转和js控制页面跳转的几种方法
Jsp 页面跳转的几种方法 1. RequestDispatcher.forward() 在服务器端起作用,当使用forward()时,Servlet engine传递HTTP请求从当前的Servle ...
JQuery实现页面跳转页面跳转的七种方法
<mce:script type="text/javascript"><!-- $(function(){ var pn = $("#gotopagen ...
php页面跳转的方法,PHP实现页面跳转的四种方法
PHP实现页面跳转的四种方法发布时间:2020-05-20 11:36:01 来源:亿速云阅读:172 作者:Leah 今天小编就为大家分享PHP实现页面跳转的四种方法.小编觉得挺实用的,为此分享 ...

HTML5页面跳转的几种方法

HTML5页面跳转的几种方法相关推荐

最新文章

热门文章