JavaScript实现页面跳转的方式汇总

2019-11-20 10:02:37

字体：大中小

来源：转载

供稿：网友

在动手做网站时，不可避免的会碰到页面跳转的问题，新页面是在当前页面打开呢？还是在新窗口打开呢？是不是需要依据参数进行跳转呢或者要经过用户确认后再跳转呢？等等很多种情况，下面我们来看下常用的一些JS实现页面跳转的方式例子。

按钮式： 　　

<INPUT name="pclog" type="button" value="GO" onClick="location.href='http://www.ddhbb.com/'">

链接式： 　

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

直接跳转式： 　　

<script>window.location.href='http://www.ddhbb.com';</script>

开新窗口：

<a href="javascript:" onClick="window.open('http://www.ddhbb.com/blog /guestbook.asp','','height=500,width=611,scrollbars=yes,status=yes')"& gt;布丁　　　　　　　　　　足迹</a>

第一种：

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

第二种：

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

第三种：

<script language="javascript">window.navigate("top.jsp"); </script>

第四种：

<script language="JavaScript"> self.location='top.htm'; </script>

第五种：

<script language="javascript"> alert("非法访问！"); top.location='xx.jsp'; </script>

＝＝＝＝＝javascript中弹出选择框跳转到其他页面＝＝＝＝＝

<script language="javascript"><!--function logout()...{if (confirm("你确定要注销身份吗？是－选择确定，否-选择取消"))...{window.location.href="logout.asp?act=logout"}}--></script>＝＝＝＝＝javascript中弹出提示框跳转到其他页面＝＝＝＝＝<script language="javascript"><!--function logout()...{alert("你确定要注销身份吗？");window.location.href="logout.asp?act=logout"}--></script>

以上内容是小编给大家介绍的JavaScript实现页面跳转的方式汇总，希望对大家有所帮助，也希望大家多多关注武林网网站！

上一篇：基于javascript实现最简单的选项卡切换效果

下一篇：js实现页面跳转的几种方法小结