博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS中各种跳转解析
阅读量:4325 次
发布时间:2019-06-06

本文共 1212 字,大约阅读时间需要 4 分钟。

原文:https://www.cnblogs.com/wmcoder/p/5688988.html

Javascript中的location.href有很多种用法,主要如下:

  当前页面打开URL地址:

  ①self.location.href="/url" 

  ②location.href="/url"
  ③windows.location.href="/url" 
  ④this.location.href="/url" 

 

  父级页面打开URL地址:

  ①parent.location.href="/url" 

 

  顶层页面打开URL地址:

  ①top.location.href="/url"

   如果页面中有自定义frame,那么可将parent、self、top换为自定义frame的名称,效果是在frame窗口打开URL地址

  "window.location.href"、"location.href"是本页面跳转

  "parent.location.href"是上一层页面跳转
  "top.location.href"是最外层的页面跳转

  刷新当前页面:

  ①window.location.href=window.location.href;当有提交数据时,window.location.href=window.location.href;则是向指定的url提交数据。

  ②window.location.reload();当有提交数据时,window.location.reload()会提示是否提交

 

举例说明:

如果A,B,C,D都是html,D是C的iframe,C是B的iframe,B是A的iframe

 

若是D页面中js跳转:

  "window.location.href"、"location.href":D页面跳转

  "parent.location.href":C页面跳转
  "top.location.href":A页面跳转

若D页面中存在form:

  <form>: form提交后D页面跳转

  <form target="_blank">: form提交后弹出新页面
  <form target="_parent">: form提交后C页面跳转
  <form target="_top"> : form提交后A页面跳转
 
若是D页面执行页面刷新:

  "parent.location.reload();": C页面刷新 (当然,也可以使用子窗口的 opener 对象来获得父窗口的对象:window.opener.document.location.reload(); )

  "top.location.reload();": A页面刷新

转载于:https://www.cnblogs.com/venom95/p/9815987.html

你可能感兴趣的文章
小D课堂 - 零基础入门SpringBoot2.X到实战_第8节 数据库操作之整合Mybaties和事务讲解_35、事务介绍和常见的隔离级别,传播行为...
查看>>
小D课堂 - 零基础入门SpringBoot2.X到实战_第9节 SpringBoot2.x整合Redis实战_40、Redis工具类封装讲解和实战...
查看>>
小D课堂 - 零基础入门SpringBoot2.X到实战_第9节 SpringBoot2.x整合Redis实战_37、分布式缓存Redis介绍...
查看>>
小D课堂 - 零基础入门SpringBoot2.X到实战_第10节 SpringBoot整合定时任务和异步任务处理_42、SpringBoot常用定时任务配置实战...
查看>>
小D课堂 - 零基础入门SpringBoot2.X到实战_第9节 SpringBoot2.x整合Redis实战_39、SpringBoot2.x整合redis实战讲解...
查看>>
小D课堂 - 零基础入门SpringBoot2.X到实战_第14节 高级篇幅之SpringBoot多环境配置_59、SpringBoot多环境配置介绍和项目实战...
查看>>
小D课堂 - 零基础入门SpringBoot2.X到实战_第10节 SpringBoot整合定时任务和异步任务处理_41、SpringBoot定时任务schedule讲解...
查看>>
小D课堂 - 零基础入门SpringBoot2.X到实战_第10节 SpringBoot整合定时任务和异步任务处理_43、SpringBoot2.x异步任务实战(核心知识)...
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_1_01课程简介
查看>>
小D课堂 - 零基础入门SpringBoot2.X到实战_第11节 Logback日志框架介绍和SpringBoot整合实战_45、SpringBoot2.x日志讲解和Logback配置实战...
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_1_02技术选型
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_汇总
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_2_01传统架构演进到分布式架构
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_2_02 微服务核心基础讲解
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_2_04微服务下电商项目基础模块设计...
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_3-01 什么是微服务的注册中心
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_3-03CAP原理、常见面试题
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_3-04 SpringCloud微服务核心组件Eureka介绍和闭源后影响...
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_3-05 服务注册和发现Eureka Server搭建实战...
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_3-06 服务注册和发现之Eureka Client搭建商品服务实战...
查看>>