使用js实现页面跳转的几种方式

js实现页面跳转的几种方式普通方式
———————————————————————————————————

第一种:跳转到指定页面,可以返回上一页

<script language=”javascript” type=”text/javascript”>
window.location.href="index.jsp";  //比较常用的方法,后面直接跟指定要跳转的地方。
</script>

第二种:返回上一页

<script language=”javascript”>
alert(“返回”);
window.history.back(-1);//类似于按钮,参数是负几,就后退几次。或者为history.go(-1);
</script> 

第三种:

<script language=”javascript”>
window.navigate(“top.jsp”);/*navigate对象包含有关的信息,也可以作为页面跳转,后面直接加要跳转的地方。没有应用于 navigator 对象的公开标准,不过所有浏览器都支持该对象。一般在IE浏览器上用,其他可能不支持*/</script>
 
 

第四种:

<script language=”JavaScript”>
self.location=’top.htm’;/*self指代当前窗口对象,属于window最上层的对象;location.href 指的是某window对象的URL地址;self.location.href指当前窗口的URL地址,去掉self默认为当前窗口的URL地址*/</script>
 

第五种:

<script language=”javascript”>
alert(“非法访问!”);
top.location=’xx.jsp’;/*top 属性返回最顶层的先辈窗口.该属性返回对一个顶级窗口的只读引用。如果窗口本身就是一个顶级窗口,top 属性存放对窗口自身的引用。如果窗口是一个框架,那么 top 属性引用包含框架的顶层窗口*/<span style="font-family: Arial, Helvetica, sans-serif;"></script></span>
 
 
 
 
 

js使用弹出窗口实现页面跳转的几种方式———————————————————————————————————

第一种:弹出选择框跳转到其他页面

<script language="javascript"> 
<!-- 
function logout(){ 
if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{ 
window.location.href="/logout.asp?act=logout" 
} 
} 
--> 
</script> 
<input type="button" οnclick="logout()" value="注销"/>

第二种:弹出提示框跳转到其他页面

<script language="javascript"> 
<!-- 
function logout(){ 
alert("你确定要注销身份吗?"); 
window.location.href="/logout.asp?act=logout" 
} 
--> 
</script>
<input type="button" οnclick="logout()" value="注销"/>


页面自动跳转到其他页面
———————————————————————————————————
只需要在页面加入一行代码
<meta http-equiv="Refresh" content="5; url=http://www.codepub.com" />
其中,content="5; url=http://www.codepub.com"中的5表示5秒后跳转,可以直接设置为0
该代码多用于用户登陆时的页面跳转

 

把 onClick="windows.open("Submit.html")"
改成
onClick="window.location.reload('Submit.html');"

window.open('Submit.html')


 在页面打开新页面,并返回子页面返回值

 


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值