JS方式跳转大全

利用js方式跳转大全

1.window.location.href方式

<script type="text/javascript">
        window.location.href="http://www.webym.net/";
</script>

这种JS跳转是我们经常用的。

2.window.navigate方式跳转

<script type="text/javascript">
        window.navigate("http://www.webym.net/");
</script>

window.navigate 与 window.location.href 都是实现页面链接跳转的,但他们之间是有区别的。

window.navigate("http://www.webym.net/") 这个方法是只针对IE的，不适用于火狐等其他浏览器，在HTML DOM Window Object中，根本没有列出window.navigate这个方法，所以这个方法尽量少用，遗忘最好。

location 属性是兼容所有浏览器的。因此在实现页面跳转的时候还是使用这个比较靠谱。

3.window.loction.replace方式实现页面跳转

<script type="text/javascript">
        window.location.replace("http://www.webym.net/");
</script>

这里讲解下indow.loction.replace特别之处，假设有3个asp页面（1.asp, 2.asp, 3.asp），进系统默认的是1.asp，当我进入2.asp的时候， 2.asp里面用window.location.replace("3.asp")，但是当3.asp页面有一个"返回"按钮，调用window.history.Go(-1); wondow.history.back();方法的时候，一点这个返回按钮就要返回2.asp页面的话，区别就出来了，当用 window.location.replace("3.asp");连到3.asp页面的话，3.aspx页面中的调用 window.history.go(-1);wondow.history.back();方法是不好用的，会返回到1.asp。

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

<script type="text/javascript">
        self.location="http://www.webym.net/";
</script>

5.top.location

<script type="text/javascript">
         top.location="http://www.webym.net/";
</script>

关于self.location和top.location之间的联系和区别，我们已经在之前的教程介绍过了，详细请点击location.href。

6.返回到上一个页面或历史页面

<script type="text/javascript">
         window.history.back(-1);
</script>

好了，关于利用js实现页面跳转的好几种方法就介绍到这里了。