<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>
<a>跳转</a>
</body>
<script>
let num = 1
if (localStorage.getItem("num")) {
num = localStorage.getItem("num")
}
document.querySelector(".jump").href = num + ".html"
localStorage.setItem("num", ++num)
</script>
</html>
请采纳
html页面跳转的五种方法,html页面如何实现自动跳转很多人还不知道,现在让我们一起来看看吧!一、html页面实现自动跳转的方法:
二、方法使用meta标签
1、 Meta标签是html不可或缺的标签之一,负责提供文档的元信息。其参数主要包括:
2、 HTTP-equiv:与文档中的数据相关的HTTP文件的头。
3、 内容:与命名的HTTP头相关的数据
4、 名称:文件描述
5、 url:与元信息关联的url。
6、 当我们将属性http-equiv定义为refresh时,当这个网页打开时,系统会根据content指定的值,在一定时间内跳转到相应的页面,content=' seconds“Url=Url”定义了跳转到指定的URL需要多长时间。下面的meta标签告诉系统,页面会在一秒后自动跳转到黑马在线功率。
7、 上面的代码需要添加到HTTP文档的头中,在head和/head之间。通常,meta标签紧跟在头部之后。如果需要多个meta标签,它们可以各占一行。
8、 这种方法可以在任何环境下使用,包括静态网站空间。
1、如果您在此页面内跳转,则可以使用<a href='#weizhi'>代码跳转到指定位置</a>。
2、<a href='#weizhi'>转到指定位置</a>是指向id weizhi的页面部分的超链接。 <div id =“weizhi”>位置</ div>是需要转移的部分。 id的值应该与<a href中的id号相同,前面带有#cord。
3、如果您需要在从另一个页面移动到此页面后跳转到另一个位置,则需要将<a name='jump flag'></a>添加到跳转位置作为跳转的标识符。
4、使用时,在其他页面的地址末尾添加#jump标志。
5、使用jquery跳转,引入jquery。
6、比如:让页面平滑滚动到一个id为box的元素处,则JQuery代码只要一句话。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)