html如何设置,第一次访问跳转1.html,第二次访问跳转2.html?

html如何设置,第一次访问跳转1.html,第二次访问跳转2.html?,第1张

 <!DOCTYPE html>

<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代码只要一句话。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7048208.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存