您的位置:首页 > Web前端 > JavaScript

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

2013-12-08 00:00 323 查看
摘要: js实现页面跳转的几种方式

js实现页面跳转的几种方式普通方式
———————————————————————————————————
第一种:
<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>

js使用弹出窗口实现页面跳转的几种方式
———————————————————————————————————
第一种:弹出选择框跳转到其他页面
<script language="javascript">
<!--
function logout(){
if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{
window.location.href="/logout.asp?act=logout"
}
}
-->
</script>
<input type="button" onclick="logout()" value="注销"/>

第二种:弹出提示框跳转到其他页面
<script language="javascript">
<!--
function logout(){
alert("你确定要注销身份吗?");
window.location.href="/logout.asp?act=logout"
}
-->
</script>
<input type="button" onclick="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')
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  JS 页面跳转