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

阅读更多

 

 

第一种：

 

第二种：

第三种：

第四种：

第五种：

通过js或者html或者php等动态程序都可以方便的实现跳转，这里搜集了几种页面跳转的方式    

js方式的页面跳转     1.window.location.href方式    

    

2.window.navigate方式跳转    

    

3.window.location.replace方式实现页面跳转，注意跟第一种方式的区别    

    

有3个jsp页面（1.jsp, 2.jsp, 3.jsp），进系统默认的是1.jsp ，当我进入2.jsp的时候， 2.jsp里面用window.location.replace("3.jsp");与用window.location.href ("3.jsp");从用户界面来看是没有什么区别的，但是当3.jsp页面有一个"返回"按钮，调用window.history.go(-1); wondow.history.back();方法的时候，一点这个返回按钮就要返回2.jsp页面的话，区别就出来了，当用 window.location.replace("3.jsp");连到3.jsp页面的话，3.jsp页面中的调用 window.history.go(-1);wondow.history.back();方法是不好用的，会返回到1.jsp 。    

4.self.location方式实现页面跳转，和下面的top.location有小小区别    

  

 

5.top.location         

 6.不推荐这种方式跳转    

    

在php程序中,这种方式跳转前面不能有任何输出          meta方式实现跳转(content = 3 单位是秒)         

总结二：    

1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2);    

2. history.back().    

3. window.history.forward()返回下一页    

4. window.history.go(返回第几页,也可以使用访问过的URL)    

例:     向上一页

response.Write("")    

response.Write("")    

向上一页    

页面跳转:     P.S.     小技巧(JS引用JS):    

    

Javascript刷新页面的几种方法：    

1 history.go(0)    

2 location.reload()    

3 location=location    

4 location.assign(location)    

5 document.execCommand('Refresh')    

6 window.navigate(location)    

7 location.replace(location) 

8 document.URL=location.href    

自动刷新页面的方法:    

 1.页面自动刷新：把如下代码加入区域中          其中20指每隔20秒刷新一次页面.    

2.页面自动跳转：把如下代码加入区域中          其中20指隔20秒后跳转到 http://www.wyxg.com页面    

3.页面自动刷新js版         

ASP.NET如何输出刷新父窗口脚本语句     1. this.response.write("");    

2. this.response.write("");    

3. Response.Write("")     JS刷新框架的脚本语句 

 //如何刷新包含该框架的页面用    

    

 //子窗口刷新父窗口    

    

 ( 或 刷新 )    

//如何刷新另一个框架的页面用    

    

如果想关闭窗口时刷新或者想开窗时刷新的话，在中调用以下语句即可。     开窗时刷新     关闭时刷新    

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