前端---js中实现页面跳转的几种方式

最新推荐文章于 2024-05-27 21:09:20 发布

lbxxzt

最新推荐文章于 2024-05-27 21:09:20 发布

阅读量2.2w

点赞数 1

分类专栏：前端文章标签： js页面跳转 location 页面后退前端知识

本文链接：https://blog.csdn.net/weixin_42504145/article/details/83387864

版权

35 篇文章 2 订阅

订阅专栏

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

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

js方式的页面跳转

1.window.location.href方式

<script language="JavaScript" type="text/javascript">

window.location.href="http://www.dayanmei.com/";

</script>

2.window.navigate方式跳转

<script language="javascript">

window.navigate("top.jsp");

</script>

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

window.location.replace("http://www.dayanmei.com");

</script>

4.返回上一次浏览的页面 对框架无效

alert("返回");

window.history.back(-1);

</script>

5.指定自身跳转页面 对框架无效

<script language="JavaScript">
        self.location='top.htm';  
 </script>

6.指定自身跳转页面 对框架有效

 <script language="javascript"> 
   alert("非法访问！"); 
   top.location='xx.aspx'; 
 </script>

7.按钮式在button按钮添加事件跳转

<input name="pclog" type="button" value="GO" onClick="location.href='login.aspx'">

关注