查看原文
其他

使用 JS 实现页面跳转的几种方式总结,小菜一碟!

素文宅博客 大咖笔记 2022-08-09
>>号外:关注“前端知音”公众号,回复“面试资料”关键词,免费领取全套前端面试题文件。

对于大多数前端开发人员,经常用到的就是页面跳转功能吧,下面简单总结了几种页面跳转功能的实现,供大家参考使用。

第一种:使用JS跳转页面

1)跳转带参

<script language="javascript" type="text/javascript">
window.location.href="jingxuan.do?backurl=" + window.location.href;
</script>

2)跳转无参

<script>window.location.href='http://blog.yoodb.com';</script>

第二种:返回上一次预览界面

<script language="javascript">
alert("返回");
window.history.back(-1);
</script>

HTML页面嵌套

<a href="javascript:history.go(-1)">返回上一步</a>
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>

第三种:button按钮添加事件跳转

<input name="前端知音" type="button" value="前端知音" onClick="location.href='login.do'">

第四种:在新窗口打开

 <a href="javascript:" onClick="window.open('login.do','','height=500,width=611,scrollbars=yes,status=yes')">新窗口</a>

第五种:通过meta设置跳转页面

<head>
<!--只刷新不跳转 -->
<meta http-equiv="refresh" content="5">
<!--定时跳转 -->
<meta http-equiv="refresh" content="5;url=index.html">
</head>
推荐阅读  点击标题可跳转

HTML 页面 div 文字内容过长自动换行

【算法面试】leetcode 最常见150 道前端面试题

web 前端 7 种你可能不知道的 JavaScript 循环变体

2020 年前端面试题及答案,~~~呕心沥血熬夜整理

微软公司将不兼容 IE 的网站自动重定向至 Edge 浏览器

IntelliJ IDEA 15款 神级超级牛逼插件推荐(自用,真的超级牛逼)

2020 年 9 月程序员平均工资 14469 元,你拖后腿了没?

觉得本文对你有帮助?请分享给更多人

关注「前端知音」加星标,提升前端技能

关注「前端知音」看更多干货



您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存