HTML页面跳转的方法

1、html中使用meta中跳转，通过meta可以设置跳转时间和页面

<head>
<!--只是刷新不跳转到其他页面 -->
<meta http-equiv="refresh" content="5">
<!--定时转到其他页面 -->
<meta http-equiv="refresh" content="5;url=index.html">
</head>

2、a标签直接跳转

<a href="http://baidu.com">百度一下</a>

3、通过javascript中实现跳转

// 直接跳转
window.location.href='index.html';
// 定时跳转
setTimeout("javascript:location.href='index.html'", 5000);

其实两种方式是类似的，只是有的在javascript中写的跳转，另一种直接从html中写跳转

<button id="load" οnclick="window.location.reload('/html/index.html')">跳转</button>

4、html跳转上一页的方式

window.history.go(-1)；或者window.history.back(-1)；

在html中写

<a href=”#” onClick=”JavaScript :history.back(1);”>返回上一页</a>
<a href=”#” onClick=”javascript :history.Go(-1);”>返回上一页</a>

在javascript中写跳转上一页

<div id="btn">按钮</div>

<script type="text/javascript">var wrong = document.getElementById('btn');wrong.onclick = function() { window.history.go(-1);//返回上一页window.history.back(-1);//返回上一页}
</script>

HTML页面跳转的方法相关推荐

一种storyboard+swift实现页面跳转的方法
一种storyboard+swift实现页面跳转的方法如题.视图控制器A显示视频列表:视图控制器B显示视频详情,现希望将两个视图关联起来,点击A中某个视频跳转到B. 作为iOS小菜鸟我首先搜索了一下 ...
Servlet页面跳转实现方法的区别
Servlet页面跳转实现方法的区别 http://developer.51cto.com/art/200907/133803.htm 本文向您介绍Servlet页面跳转实现方法的几种区别,包括Ser ...
如何用js做html页面跳转页面跳转,JS里4种实现页面跳转的方法
介绍下JS里4种实现页面跳转的方法.window.location.href= 'url': 比较常用的方法,直接跟指定要跳转的地方. window.history.back(-1);: 参见的浏览器 ...
php页面跳转的方法,PHP实现页面跳转的四种方法
PHP实现页面跳转的四种方法发布时间:2020-05-20 11:36:01 来源:亿速云阅读:172 作者:Leah 今天小编就为大家分享PHP实现页面跳转的四种方法.小编觉得挺实用的,为此分享 ...
web设计页面跳转的方法
一.asp.net c# 打开新页面或页面跳转 1. 最常用的页面跳转(原窗口被替代):Response.Redirect("newpage.aspx"); 2. 利用url地址打 ...
java跳转_java servlet 几种页面跳转的方法
Servlet: 当然,在servlet中,一般跳转都发生在doGet, doPost等方法里面. 1) redirect 方式 response.sendRedirect("/a.jsp& ...
java页面跳转t赋值_java servlet 几种页面跳转的方法及传值
java web 页面之间传值有一下这几种方式 1.form 表单传递参数 2.url地址栏传递参数 3.session 4.cookie 5.application 6.通过隐藏域传值 7.通过Ja ...
微信小程序页面跳转的方法总结
利用小程序提供的 API 跳转: // 保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面.// 注意:调用 navigateTo 跳转时,调用该方法的页面会被加 ...
php 中实现页面跳转的方法
1.php 使用 header()函数进行页面跳转示例代码: header('location:wgchen.blog.csdn.net'); 2.php 利用 html 中的 meta 标签进行 ...
页面跳转的方法以及301 和 302的区别
前言在web开发的时候经常会遇到页面重定向的问题,说起重定向就不得不说HTTP STATUS CODE 301 和302. 301 是Moved Permanently,也就是"永久转移& ...

HTML页面跳转的方法

HTML页面跳转的方法相关推荐

最新文章

热门文章