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

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

第一种:直接跳转

  • 01

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

  • 02

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

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

  • 01

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

  • 02

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

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

    • 01

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

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

      • 01

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

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

        • 01

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

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

          • 01

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

            第七种:在新窗口打开

            • 01

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

            (0)

            相关推荐

            • 基于HBuilder mui页面间传值的几种方式总结

              采用MUI开发APP时,页面跳转传值无疑是很多初学者遇到的难题之一,我在开发时也遇到了同样的问题,所以在这里总结了一下,方便以后查阅. 一.页面预加载时传值 mui.init({ preloadPag ...

            • [javascript技术]JavaScript常用页面跳转

              操作方法 01 javascript页面跳转常用代码按钮式: <INPUT name="pclog" type="button" value=" ...

            • JSP页面跳转的五种方法

              JSP页面跳转的方法是什么?这是很多很多朋友们都不太了解的,下面就让我来为大家介绍一下.这些是我平时总结出来的,希望能够对大家有所帮助. 操作方法 01 RequestDispatcher.forwa ...

            • 如何实现jsp本页面跳转

              如何实现Jsp本页面的跳转?这是Java初学者容易发出的一个疑问,Jsp的全称为Java Servlet Pages,可以说这本质上还是java的Servlet.只不过结合了网页Html. Jsp既能 ...

            • PHP页面跳转几种实现技巧

              PHP页面跳转几种实现技巧 操作方法 01 PHP页面跳转一.header()函数 header()函数是PHP中进行页面跳转的一种十分简单的方法.header()函数的主要功能是将HTTP协议标头( ...

            • Word 2007中设置页边距的两种方式

              通过设置页边距,可以使word2007文档的正文部分跟页面边缘保持比较合适的距离.这样不仅使Word文档看起来更加美观,还可以达到节约纸张的目的.在Word2007文档中设置页面边距有两种方式: 步骤 ...

            • 微交互:移动端APP页面跳转方式分析

              微交互这个概念我们经常提及,是指以反映系统状态或者帮助用户防错的方式给予用户反馈.因此页面跳转方式也属于微交互的范畴.开始正文之前,请大家站在开发的角度,先了解一个基础概念:移动端开发目前会有两种常用 ...

            • js页面跳转a标签和input标签的转换

              js页面跳转a标签和input标签的转换 操作方法 01 1.通常页面间的链接都是 html 的a标记超链接,例如 02 2.它在页面中展示的就是一个普通的html 超链接的方式,点击它就跳转到对应的 ...

            • QQ浏览器页面跳转不了,打不开

              qq浏览器页面跳转不了,上面的蓝色loading条一直完成不了,打不开,情况如图.那么有可能是APN不合适,下面是其中一种解决办法. 操作方法 01 打开系统设置,点击更多. 02 然后点击移动网络, ...