html页面自动跳转的2种方法 meta 与js和其跳转优先级

tekin

于 2024-04-04 09:48:08 发布

阅读量385

点赞数 4

分类专栏：前端开发文章标签： javascript html 前端页面自动跳转链接自动跳转 html5自动跳转

本文链接：https://blog.csdn.net/tekin_cn/article/details/137366910

版权

前端开发专栏收录该内容

9 篇文章 0 订阅

订阅专栏

web html网页开发的时候我们经常用到html页面自动跳转, 常用的跳转方式有2种一种是通过html的meta标签刷新，另外一种是通过JS代码。 meta方式可用于无JS支持的页面自动跳转，优先级低于JS的跳转方式。

meta标签刷新自动跳转

核心代码就是在head之间加入代码 <meta http-equiv="refresh" content="0;url=你要跳转到的URL地址"> 即可

完整示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Loading......</title>
	<meta http-equiv="refresh" content="0;url=https://dev.tekin.cn/?ref=csdn">
</head>
<body style="margin:0;background-color:black">
</body>
</html>

js window.location方式跳转

在head之间插入JS代码 <script language="javascript" type="text/javascript">
window.location.href="你要跳转到的URL地址";</script>

完整示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Loading......</title>
<script language="javascript" type="text/javascript">
window.location.href="https://dev.tekin.cn?ref=csdn";
</script>
</head>
<body style="margin:0;background-color:black">
</body>
</html>

tekin

关注

4
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
html页面自动跳转的2种方法 meta 与js和其跳转优先级

web html网页开发的时候我们经常用到html页面自动跳转, 常用的跳转方式有2种一种是通过html的meta标签刷新，另外一种是通过JS代码。meta方式可用于无JS支持的页面自动跳转，优先级低于JS的跳转方式。
复制链接

扫一扫