首页 > 软件开发 > JavaScript >

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

来源:互联网 2023-03-16 23:57:31 381

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

工具/原料

  • 电脑
  • 开发工具

第一种:直接跳转

  • 1

    带参数的直接跳转: 3GP办公区 - 实用经验教程分享!

    script language="javascript" type="text/javascript">3GP办公区 - 实用经验教程分享!

    window.location.href="A" window.location.href; //格式为url?参数3GP办公区 - 实用经验教程分享!

    /script>3GP办公区 - 实用经验教程分享!

    Javascript实现页面跳转的几种方式3GP办公区 - 实用经验教程分享!

  • 1此文章未经授权抓取自百度经验
  • 2

    不带参数的直接跳转:3GP办公区 - 实用经验教程分享!

    script>window.location.href=url;/script> //url为跳转页面的链接。需要‘’单引号引起来3GP办公区 - 实用经验教程分享!

    Javascript实现页面跳转的几种方式3GP办公区 - 实用经验教程分享!

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

  • 1

    普通返回:3GP办公区 - 实用经验教程分享!

    script language="javascript">3GP办公区 - 实用经验教程分享!

    alert("返回上一级");3GP办公区 - 实用经验教程分享!

    window.history.back(-1);3GP办公区 - 实用经验教程分享!

    /script>3GP办公区 - 实用经验教程分享!

    Javascript实现页面跳转的几种方式3GP办公区 - 实用经验教程分享!

  • 2

    标签嵌套:3GP办公区 - 实用经验教程分享!

    a href="javascript:history.go(-1)">返回上一级/a>3GP办公区 - 实用经验教程分享!

    a href="%=Request.ServerVariables("HTTP_REFERER")%>">返回上一级/a>3GP办公区 - 实用经验教程分享!

    Javascript实现页面跳转的几种方式3GP办公区 - 实用经验教程分享!

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

  • 1

    代码如下:3GP办公区 - 实用经验教程分享!

    script language="JavaScript"> self.location=url; //url为需要跳转的链接,需要''单引号引上你的链接 /script>3GP办公区 - 实用经验教程分享!

    Javascript实现页面跳转的几种方式3GP办公区 - 实用经验教程分享!

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

  • 1

    代码如下:3GP办公区 - 实用经验教程分享!

    script language="javascript">3GP办公区 - 实用经验教程分享!

    window.navigate(url); //url为需要跳转的链接,需要''单引号引上你的链接3GP办公区 - 实用经验教程分享!

    /script>3GP办公区 - 实用经验教程分享!

    Javascript实现页面跳转的几种方式3GP办公区 - 实用经验教程分享!

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

  • 1

    代码如下:3GP办公区 - 实用经验教程分享!

    script language="javascript"> alert("访问错误!");3GP办公区 - 实用经验教程分享!

    top.location=URL; //url为需要跳转的链接,需要''单引号引上你的链接3GP办公区 - 实用经验教程分享!

    /script>3GP办公区 - 实用经验教程分享!

    Javascript实现页面跳转的几种方式3GP办公区 - 实用经验教程分享!

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

  • 1

    代码如下:3GP办公区 - 实用经验教程分享!

    //url为需要跳转的链接,需要''单引号引上你的链接3GP办公区 - 实用经验教程分享!

    input name="control1" type="button" value="打开" onClick="location.href=url">3GP办公区 - 实用经验教程分享!

    Javascript实现页面跳转的几种方式3GP办公区 - 实用经验教程分享!

  • 第七种:在新窗口打开

  • 1

    代码如下:3GP办公区 - 实用经验教程分享!

    //url为需要跳转的链接,需要''单引号引上你的链接3GP办公区 - 实用经验教程分享!

    a href="javascript:" onClick="window.open('url','','height=800,width=800,scrollbars=yes,status=yes')">开新窗口/a>3GP办公区 - 实用经验教程分享!

    Javascript实现页面跳转的几种方式3GP办公区 - 实用经验教程分享!

  • 注意事项

    • 希望对读者有所帮助~~~喜欢的请给小编点个大拇指

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!3GP办公区 - 实用经验教程分享!


    标签: JAVASCRIPT编程

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码