Rumah > Artikel > hujung hadapan web > html如何实现网页跳转
html如何实现网页跳转
- 醉折花枝作酒筹asal
- 2021-04-12 14:55:3120521semak imbas
方法：1、使用meta标签，语法“72e2a538d034cbed6a9b751f8eba7196”；2、使用a标签，语法“ce0e4c8cbd7b6d3e4fc793d8953727dc”；3、使用javascript跳转，语法“window.location.href='网页地址'”。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
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视频教程
Atas ialah kandungan terperinci html如何实现网页跳转. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：html如何实现页面跳转Artikel seterusnya：如何设置html字体大小