html页面跳转（a标签、meta标签、reload、history.go、history.back等）

一点也不想取名

已于 2022-09-06 11:42:04 修改

阅读量341

点赞数

分类专栏： html 文章标签： html

于 2021-08-11 21:55:55 首次发布

本文链接：https://blog.csdn.net/zhouxzcsdn/article/details/119617877

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

html页面跳转

1、a标签οnclick

<a href="javascript:void(0);" οnclick="js_method()">foo</a>
<a onclick="window.location.href='www.baidu.com'" href="javascript:void(0);">百度一下</a>

2、a标签直接跳转

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

3、直接跳转

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

4、html跳转上一页的方式

window.history.go(-1);或者window.history.back(-1);
<a href="#" onClick="JavaScript:history.back(-1);">返回上一页</a>
<a href="#" onClick="Javascript:history.go(-1);">返回上一页</a>

5、meta标签跳转

<html>
<head>
<title>Content</title>
<meta http-equiv="refresh" content="0;url=/xxx.do?nav=true">
<!-- 经过一段时间转到另外某个页面 content="0;URL="，这里0表示没有延时，直接跳转到后面的URL；把0改成1，则延时1秒后跳转。 -->
</head>
</html>

参考博客：

a标签href属性与onclick事件
 a标签添加onclick事件的几种方式

一点也不想取名

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
html页面跳转（a标签、meta标签、reload、history.go、history.back等）

html页面跳转1、a标签οnclick<a href="javascript:void(0);" οnclick="js_method()">foo</a>2、a标签直接跳转<a href="http://baidu.com">百度一下</a>3、直接跳转window.location.href='index.html';// 定时跳转setTimeout("javascript:location.href='index.html'",
复制链接

扫一扫

专栏目录