Javascript实现页面跳转的几种方式

第一种:直接跳转加参数

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

直接跳转无参数:

 

<script>window.location.href='http://www.baidu.com';</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("top.jsp");
</script>



第四种:指定自身跳转页面 对框架无效。。

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

 



第五种:指定自身跳转页面 对框架有效。。

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

 

 

第六种:按钮式 在button按钮添加 事件跳转。。

<input name="pclog" type="button" value="GO" onClick="location.href='login.aspx'">


  

第七种:在新窗口打开:

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


 

应用实例:

复制代码
复制代码
复制代码
<head> 
<script language="javascript">

function old_page()
{
window.location = "login.aspx"
}
function replace()
{
window.location.replace("login.aspx")
}
function new_page()
{
window.open("login.aspx")
}
</script>
</head>
<body>
<input type="button" οnclick="new_page()" value="在新窗口打开s"/>
<input type="button" οnclick="old_page()" value="跳转后有后退功能"/>
<input type="button" οnclick="replace()" value="跳转后没有后退功能"/>
</body>
复制代码
复制代码
  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值