JavaScript实现页面跳转的几种方式!
2021-05-11 11:13:36
浏览数 (16224)
我们在开发页面时,经常会涉及到页面跳转的开发。那么这篇文章跟大家分享一下 JavaScript 实现页面跳转的几种方式!
第一种:直接跳转
直接跳转加参数
<script language="javascript" type="text/javascript">
window.location.href="跳转地址?backurl="+window.location.href;
</script>
直接跳转无参数
<script>window.location.href='跳转地址';</script>
第二种:返回上一级浏览界面
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
<a href="javascript:history.go(-1)">返回上一步</a>
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>
第三种:跳转指定页面
跳转指定页面-对页面无效
<script language="javascript">
window.navigate("跳转地址");
</script>
跳转指定页面-对框架有效
<script language="javascript">
alert("非法访问!");
top.location='跳转地址';
</script>
第四种:指定自身跳转页面(对框架无效)
<script language="JavaScript">
self.location='跳转地址';
</script>
第五种:button 按钮添加时间跳转
<input type="button" value="跳转" onClick="location.href='跳转地址'">
第六种:在新窗口打开页面
<a href="javascript:" onClick="window.open('跳转地址','','scrollbars=yes,status=yes')">打开新窗口</a>
以上六种 JavaScript 跳转方式就是文章“JavaScript 实现页面跳转的几种方式!”的全部内容。更多 JavaScript 的学习请关注 w3cschool 官网。