重定向 - 网页自动跳转的几种实现代码

创建时间:
2014-07-21 03:17
最近更新:
2018-05-29 17:28

HTML-meta-tag

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<!--content 属性值中的 0 表示立即跳转;如果设置为 10 则表示 10 秒钟后跳转。-->
	<meta http-equiv="refresh" content="0;url=http://abc.com/" />
</head>
<body></body>
</html>

JavaScript

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<script type="text/javascript">
		var url = 'http://abc.com/';
		var millisecond = 0;
		setTimeout(
			function(){
				//replace 函数在设置 URL 方面与 location 的 href 属性或 assign 函数完全一样,
				//但 replace 函数会将原 URL 从 history 的地址列表中删除,只存储新 URL,因此使用 back 或 go 函数无法导航。
				window.location.replace(url);
			},
			millisecond
		);
	</script>
</head>
<body></body>
</html>

body.onload

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
</head>
<body onload="window.location.replace('http://abc.com/')"></body>
</html>

form.submit()

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
</head>
<body>
	<form id="FormRedirect" action="http://abc.com/" method="get"></form>
	<script>
		document.getElementById('FormRedirect').submit();
	</script>
</body>
</html>