通过响应头重定向

响应状态 301 和 302 可以指定重定向URL, 推荐使用302 FOUND

HttpServletResponse. static final int SC_MOVED_TEMPORARILY

状态代码（302），指示资源已临时移动到另一个位置，但未来的引用仍应使用原始URI来访问资源。 保留此定义是为了向后兼容。 SC_FOUND现在是首选定义。

<%@ page language="java" contentType="text/html; charset=UTF-8"

	pageEncoding="UTF-8"%>

<!DOCTYPE HTML>

<%

	/* 重定位状态分两种:

		永久301 Moved Permanently和暂时302 Found

		谨慎使用永久转移

	*/

	//response.setStatus(HttpServletResponse.SC_MOVED_TEMPORARILY);

	response.setStatus(HttpServletResponse.SC_FOUND);

	response.setHeader("Location", "indexs.jsp");

%>

通过元数据 meta 跳转页面

该方式可向用户显示提示信息, 推荐使用

注意, 如果refresh间隔时间太短或太长都会对用户造成困扰

<!DOCTYPE HTML>

<html lang="zh">

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- 3秒后跳转页面 -->

<meta http-equiv="refresh" content="2;url='https://www.google.com'">

<title>3秒后进入主题</title>

<link rel="icon" href="icon/icon.ico">

<link rel="stylesheet" href="css/global.css">

<body>

	<p style="text-align: center;">

		<a href="https://www.google.com">点击立即进入</a>

	</p>

</body>

</html>

事件 + JS 实现跳转

向 window 添加 onload 事件监听, 并重定位 document.location 到新的页面

该方法灵活性较高

  • 立即跳转

    在栈中不会有跳转页面
<script>

	window.addEventListener("load", function (){

		(window/document).location.(href) = "/speedtest"

	});

</script>

<!-- 事实上这是多余的, 并且每个浏览器行为不一致, 可直接跳转 -->

<script>

		document.location = "/speedtest"

</script>
  • 延迟跳转

    堆栈会留下跳转页面, 停留1s最佳
<script>

	setTimeout(function () {

			document.location = "/"

	}, 1000)

</script>

HTML 重定向 页面跳转的更多相关文章

  1. response.sendRedirect 的功能是地址重定向(页面跳转)

    response.sendRedirect 的功能是地址重定向(页面跳转) 1.response.sendredirect(url); 新的页面并不能处理旧页面的pagecontext(request ...

  2. MVC页面重定向'页面跳转

    MVC页面重定向,主要有以下几种形式: 1.Response.Redirect();方法 using System; using System.Collections.Generic; using S ...

  3. ASP.NET MVC之"重定向/页面跳转"(关键词RedirectToAction,Redirect)

    MVC5 API(官方) 1.RedirectToRouteResult RedirectToAction(string actionName); RedirectToRouteResult Redi ...

  4. response.sendRedirect页面跳转的方法总结——实习第六天

    今天想到要写这个博客完全是因为今天在这上面摔了一跤,同时也意识到了对于一个学Java的人来讲,知其然并且知其所以然是有多么的重要. 今天报了一个错误,讲的是空指针异常,原因就是在response.se ...

  5. HTML meta refresh 刷新与跳转(重定向)页面

    下面为各位整理了一些HTML meta refresh 刷新与跳转(重定向)页面的例子吧,后面本站长自己也补充了一些js页面刷新与跳转例子吧. refresh 属性值  --  刷新与跳转(重定向)页 ...

  6. php中的页面跳转和重定向

    php中的页面跳转和重定向 ThinkPHP中跳转和重定向的区别 跳转: 浏览器认为: 当前URL请求成功, 重新请求新的URL. 浏览器会 记录当前的URL 和 新的URL 在请求历史记录中. 回退 ...

  7. 解决iframe重定向让父级页面跳转

    原文:http://www.jb51.net/article/40583.htm 有内嵌iframe的页面,当session过期时,点击连接重定向后的跳转会在iframe中跳转,在登录页面中加入下面的 ...

  8. Spring mvc后台重定向页面，实际前端不跳转

    1.ajax不支持重定向 ajax是不支持重定向的,因为ajax本身就是局部刷新,不重新加载页面的. 2.若后台出现需要重定向页面,可以设置唯一错误码 前端ajax公共调用后,凡是遇到这一类错误码,则 ...

  9. iframe重定向让父页面跳转

    情景描述 我们在使用一些后台程序的html模板(比如H-ui)的时候,这些html前端程序是iframe版的, 也就是说在使用的时候,每当我点击左侧导航栏的一个按钮,在右侧就会弹出一个菜单栏,在显示的 ...

随机推荐

  1. 自托管websocket和webapi部署云服务器域名及远程访问

    当写完websocket和webapi服务端时,在本地测试时是没有问题的,因为是通过本地IP及端口号访问(例:127.0.0.1:8080\api\test),也就没有防火墙等安全限制,但当部署到云服 ...

  2. sql语句修改字段类型和增加字段

    /*修改字段类型*/ ) go /*增加字段和说明*/ ) EXECUTE sp_addextendedproperty N'MS_Description','说明文字',N'user',N'dbo' ...

  3. 【原】无脑操作：EasyUI Tree实现左键只选择叶子节点、右键浮动菜单实现增删改

    Easyui中的Tree组件使用频率颇高,经常遇到的需求如下: 1.在树形结构上,只有叶子节点才能被选中,其他节点不能被选中: 2.在叶子节点上右键出现浮动菜单实现新增.删除.修改操作: 3.在非叶子 ...

  4. composer包(发布到github上)同步到Packagist

    在上一篇文章里面,探讨了如何一步步建立composer包–创建你的一个composer包 创建完成后,我们需要做的就是讲自建的包发布到Packagist上.至于说什么是Packagist,这个就不用我 ...

  5. 「Python」为什么Python里面，整除的结果会是小数？

    2018-06-08 参考资料:Python学习笔记(4)负数除法和取模运算 先来看三个式子(!这是在Python3.0下的运算结果): 输出结果: ‘//’明明是整除,为什么结果不是整数,而会出现小 ...

  6. 看到了必须要Mark啊，最全的编程中英文词汇对照汇总（里面有好几个版本的，每个版本从a到d的顺序排列）

    java:  第一章: JDK(Java Development Kit) java开发工具包 JVM(Java Virtual Machine) java虚拟机 Javac  编译命令 java   ...

  7. git 添加、提交、推送

    只添加本地修改的一个文件 如,只添加package.json一个文件 git add package.json git commit -m "修改qa环境版本号" git push ...

  8. Ubuntu16.04安装和配置RabbitMQ

    1.RabbitMQ安装前需要erlang环境 apt-get install erlang-nox # 安装erlang erl # 查看relang语言版本,成功执行则说明relang安装成功 2 ...

  9. yum下载安装redis

    有时需要离线安装redis,所以需要redis离线安装包,不同的centos版本和redis版本,依赖包不同,本例中,centos: CentOS Linux release 7.0.1406 (Co ...

  10. Graphic

    画圆操作 package demo1; import java.awt.Graphics; import javax.swing.*; import javax.swing.JPanel; publi ...