发送http头，控制浏览器定时跳转网页（五）

最新推荐文章于 2023-05-17 22:37:46 发布

海边拾贝seebit

最新推荐文章于 2023-05-17 22:37:46 发布

阅读量447

点赞数

分类专栏： JavaWeb

本文链接：https://blog.csdn.net/Ada_yangyang/article/details/82181715

版权

JavaWeb 专栏收录该内容

49 篇文章 3 订阅

订阅专栏

package com.it.servlet.response;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
 * 发送http头，控制浏览器定时跳转网页。
 * 功能：当访问此servlet时，5秒后跳转到一个指定的页面。
 */
public class Demo2Servlet extends HttpServlet {

	
	public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		//通知浏览器5秒后，跳转到指定的URL
		response.setHeader("refresh", "5;url=/day8_1/refresh.html");
	}

	
	public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		doGet(request, response);
	}

}

其中：response.setHeader("refresh", "5;url=/day8_1/refresh.html");

服务器端通知浏览器5秒后跳转到URL指定的路径。

扩展：在实际操作中，很少使用服务器端进行定时跳转，一般都是在浏览器端完成。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="5;url=http://www.baidu.com">
<title>hello world</title>
</head>
<body>
<h1>Hello</h1>
<h6>World</h6>
</body>
</html>

要求浏览器在5秒后跳转，并显示跳转倒计时

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="5;url=/day8_1/index.jsp">
<title>hello world</title>
<script type="text/javascript">
	var time = 5;
	function onchange(){
		var span = document.getElementById("seconds");
		span.innerHTML = time;
		time--;
		setTimeout("onchange()",1000);
	}
</script>
</head>
<body onload="onchange()">
<span id="seconds"></span>
</body>
</html>

海边拾贝seebit

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
发送http头，控制浏览器定时跳转网页（五）

package com.it.servlet.response;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.Http...
复制链接

扫一扫