当前位置:首页 > 建站过程 > 正文内容

html如何实现网页跳转

暮看云3年前 (2022-07-18)建站过程223

方法:1、使用meta标签,语法“<meta url=网页地址>”;2、使用a标签,语法“<a href="网页地址">”;3、使用javascript跳转,语法“window.location.href='网页地址'”。

1、html中使用meta中跳转,通过meta可以设置跳转时间和页面

<head>

<!--只是刷新不跳转到其他页面 -->

<meta http-equiv="refresh" content="5">

<!--定时转到其他页面 -->

<meta http-equiv="refresh" content="5;url=index.html">

</head>

2、a标签直接跳转

<a href="http://baidu.com">百度一下</a>

3、通过javascript中实现跳转


// 直接跳转

window.location.href='index.html';

// 定时跳转

setTimeout("javascript:location.href='index.html'", 5000);

其实两种方式是类似的,只是有的在javascript中写的跳转,另一种直接从html中写跳转

<button id="load" οnclick="window.location.reload('/html/index.html')">跳转</button>

补充说明:html跳转上一页的方式

window.history.go(-1);或者window.history.back(-1)

在html中写

<a href=”#” onClick=”JavaScript :history.back(1);”>返回上一页</a>

<a href=”#” onClick=”javascript :history.Go(-1);”>返回上一页</a>

在javascript中写跳转上一页

<p id="btn">按钮</p>

<script type="text/javascript">

    var wrong = document.getElementById('btn');

    wrong.onclick = function() {

    window.history.go(-1);//返回上一页

    window.history.back(-1);//返回上一页

   }

</script>






分享给朋友:

“html如何实现网页跳转” 的相关文章

wordpress还是国内CMS?

wordpress还是国内CMS?

用什么系统建博客,自己纠结了很久。一方面wordpress占据着绝大部分的市场,另一方面国内cms更符合国人的习惯。从21年开始接触wordpress,尝试了5次有余,不得不承认,wordpress没有那么容易驾驭。从最开始的"文章"还是“页面”都已经很容易把人搞晕了。后来查阅网...

“阿里云盘”会一直免费吗

“阿里云盘”会一直免费吗

阿里云盘之前一直不温不火,因为起步比百度网盘晚,用户已经被百度网盘占领,加之庞大的用户资源分享,仿佛已经牢牢的锁定霸主地位,及时后来阿里云盘抛出了免费使用的橄榄枝,用户也很难抉择,一是不知道这免费政策持续到何时,二是缺乏资源支持,最多当成私有盘,存储下个人资料,推广受限。直到大约两年前,真正让阿里云...

你能否拼过“二代”们

你能否拼过“二代”们

小雕这次数学考试得了99+20,错了一道选择题,还是有点马虎大意,稍有遗憾,但还行,毕竟全部做出来了。相比上次考的85,进步很多。上一次数学单元测验考的不好,我们大人总结出的原因是,两位数的竖式乘法没有掌握,是根本原理都不懂。我让她做了几道题,发现她完全没明白原理,不知道上课开啥小差了。经过一晚上的...

谁来守护我们的数字财产

谁来守护我们的数字财产

上周末突然发现,微薄账户被封,查看原因发现半个月前,微薄发布了不法信息。微薄在10年的时候注册的,那时候还不怎么去管,有一段时间发现被盗号了,但是只是用作了僵尸粉,没有做什么出格的事。后来把账号找回了,还修改了密码。手机号码也是现在的手机号,估计没什么问题了吧。微薄的密码策略也很繁琐,后来密码改得连...

AI爆发,人人都能玩GPT

AI爆发,人人都能玩GPT

事情要从一个月前说起,没年这时候,公司基本上就没什么事了,行业原因,淡季时候,大家也就是上上网,等着年底分产值,过年。来公司两年半了,历经两个春节,这是第三个,第一年的世间要长一些,我用了两个月世间,学了PHP,用ThinkPHP6.0,搭建了网站,天哪,这是什么操作。这样的周期,在一个月前开始。人...

万盘互联的Alist

万盘互联的Alist

也不知道是在什么场景下,意外发现了Alist。也不是多么新鲜的玩意,应该很多人用过了。软件本意是搭建一个网盘管理系统,整合市面上的多家网盘,如此不需要所有的网盘都安装客户端,又便于集中管理,网盘间还能相互传输,主打一个方便与整洁。我学习Alist,主要是因为前几天阿里云盘发布消息,将对免费会员降速,...