现在的位置: 网页制作教程JS网页特效 >正文
JavaScript脚本

JS方式跳转大全

发表于2016/10/18 JS网页特效 0条评论 ⁄ 热度 1,533℃
导语:开发程序时,页面跳转是经常遇到的,这篇文章就归纳了js跳转大全,并有注解了他们之间的区别,希望对你有帮助。

利用js方式跳转大全

1.window.location.href方式

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

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

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实现页面跳转的好几种方法就介绍到这里了。

  • 暂无评论