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

 时间:2024-10-13 18:26:40

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。而在Web开发时,程序猿会遇到一个页面跳转的问题。在此,小编为各位程序猿整理了几种比较常用的跳转方式。

工具/原料

电脑

开发工具

第一种:直接跳转

1、带参数的直接跳思凳框酣转: <script language="javascript" type="text/javascript"> window.location.href="A"+window.location.href; //格式为url?参数 </script>

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

2、不带参数的直接跳转:<script>window.location.href=url;</script> //url为跳转页面的链接。需要‘’单引号引起来

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

第二种:返回上一次预览界面

1、普通返回:<script language="javascript">alert("返回上一级");window.history.back(-1);</script>

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

2、标签嵌套:<a href="javascript:history.go(-1)">返回上一级</a><a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一级</a>

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

第三种:指定自身跳转页面 对框架无效

1、代码如下:<script language="JavaScript"> self.location=url; //url为需要跳转的链接,需要''单引号引上你的链接 </script>

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

第四种:指定跳转页面 对框架无效

1、代码如下: <script language="javascript"> window.navigate(url); //url为需要跳转的链接,需要''单引号引上你的链接 </script>

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

第五种:指定自身跳转页面 对框架有效

1、代码如下:<script language="javascript"> alert("访问错误!"); top.location=URL; //url为需要跳转的链接,需要''单引号引上你的链接 </script>

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

第六种:按钮式 在button按钮添加 事件跳转

1、代码如下://url为需要跳转的链接,需要''单引号引上你的链接<input name="control1" type="button" value="打开" onClick="location.href=url">

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

第七种:在新窗口打开

1、代码如下://url为需要跳转的链接,需要''单引号引上你的链接<a href="javascript:" onClick="window.open('url','','height=800,width=800,scrollbars=yes,status=yes')">开新窗口</a>

Javascript实现页面跳转的几种方式
  • Android实现左右滑动效果
  • 如何隐藏导航栏和预览栏
  • 如何在JS中取出变量的值
  • js如何通过placeholder属性值查找输入框?
  • 推填土方施工作业过程当中应当注意的安全事项?
  • 热门搜索
    我的世界木门怎么做 白内障治疗方法 创造与魔法饲料大全 小鸡炖蘑菇的家常做法 洗头发的正确方法 出汗多怎么办 土味情话大全撩男朋友 怎么海淘 出现腹水怎么办 别墅大门图片大全