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

来源:互联网 发布:软件系统的灵活性 编辑:程序博客网 时间:2024/05/02 20:50

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" 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')


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



0 0
原创粉丝点击