苏飞论坛

 找回密码
 马上注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

分布式系统框架(V1.3) 轻松承载百亿数据,千万流量!讨论专区 - 源码下载 - 官方教程

HttpHelper万能框架(V2.3) HttpHelper官方出品,无敌框架讨论区 - 源码下载 - 在线测试和代码生成

HttpHelper爬虫类(V1.9) 最牛的爬虫类,没有爬不到只有想不到 源码 - 代码生成器 - 讨论区 - 教程- 例子

查看: 108|回复: 7

[零基础学习web前端] 【前端丨学习笔记】js实现页面跳转的几种方法

[复制链接]
发表于 2019-1-8 17:13:56 | 显示全部楼层 |阅读模式
【前端丨学习笔记】js实现页面跳转的几种方法

【零基础学习web前端】教程目录导航


第一种:直接跳转
有参数:
[JavaScript] 纯文本查看 复制代码
<script language="javascript" type="text/javascript">
           window.location.href="login.jsp?backurl="+window.location.href; 
</script>

直接跳转无参数时:
[JavaScript] 纯文本查看 复制代码
<script>window.location.href='http://www.baidu.com';</script>

第二种:返回上一个界面
[JavaScript] 纯文本查看 复制代码
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>

标准嵌套
[HTML] 纯文本查看 复制代码
<a href="javascript:history.go(-1)">返回上一步</a>
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>

第三种:指定跳转页面 对框架无效
[JavaScript] 纯文本查看 复制代码
<script language="javascript">
       window.navigate("top.jsp");
  </script>

第四种:指定自身跳转页面 对框架无效
[JavaScript] 纯文本查看 复制代码
<script language="JavaScript">
          self.location='top.htm';
   </script>

第五种:指定自身跳转页面 对框架有效
[JavaScript] 纯文本查看 复制代码
<script language="javascript">
          alert("非法访问!");
          top.location='xx.aspx';
   </script>

第六种:按钮式 在button按钮添加 事件跳转
[JavaScript] 纯文本查看 复制代码
<input name="pclog" type="button" value="GO">

第七种:在新窗口打开
[JavaScript] 纯文本查看 复制代码
<a href="javascript:">开新窗口</a> 



 楼主| 发表于 2019-1-8 17:21:10 | 显示全部楼层
示例:
<head>
<script language="javascript">

function old_page()
{
window.location = "login.aspx"
}
function replace()
{
window.location.replace("login.aspx")
}
function new_page()
{
window.open("login.aspx")
}
</script>
</head>
<body>
<input type="button" onclick="new_page()" value="在新窗口打开s"/>
<input type="button" onclick="old_page()" value="跳转后有后退功能"/>
<input type="button" onclick="replace()" value="跳转后没有后退功能"/>
</body>
发表于 2019-1-8 18:02:15 | 显示全部楼层
发表于 2019-1-8 21:05:30 | 显示全部楼层
发表于 2019-1-9 10:28:47 | 显示全部楼层
发表于 2019-1-9 10:56:26 | 显示全部楼层
发表于 2019-1-9 17:02:09 | 显示全部楼层
发表于 2019-1-11 15:17:44 | 显示全部楼层
您需要登录后才可以回帖 登录 | 马上注册

本版积分规则

QQ|手机版|小黑屋|手机版|联系我们|关于我们|广告合作|苏飞论坛 ( 豫ICP备17001017号-1 )

GMT+8, 2019-1-22 18:47

© 2017-2018

快速回复 返回顶部 返回列表