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

"parent.location.href" 是上一层页面跳转.

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

举例说明:

如果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页面跳转

如果访问的是iframe里面的页面,重新加载最外层的页面

<html>
<head>
<title></title>
<script language="javascript">
function escapeFrame(){
      if (window.top.location.href != window.location.href) {
        window.top.location.reload();
      }
}
</script>
</head>

<body οnlοad="escapeFrame()">
<iframe src="b.html" ></iframe>
</body>
</html>

关于js中window.location.href,location.href,parent.location.href,top.location.href的用法相关推荐

  1. 关于js中window.location.href、location.href 等如何跳转

    关于js中"window.location.href"."location.href"."parent.location.href".&qu ...

  2. js中window.location.href,location.href,parent.location.href,top.location.href的用法

    "window.location.href"."location.href"是本页面跳转 "parent.location.href"是上一 ...

  3. 关于js中window.location.href,location.href,parent.location.href,top.location.href的使用方法

    关于js中"window.location.href"."location.href"."parent.location.href".&qu ...

  4. 关于js中window.location.href、location.href、parent.location.href、top.location.href的用法...

    关于js中"window.location.href"."location.href"."parent.location.href".&qu ...

  5. 关于js中window.location.href、location.href重定向

    关于js中"window.location.href"."location.href"."parent.location.href".&qu ...

  6. js中WINDOW对象中的location成员对象

    js中DOM, DOCUMENT, BOM, WINDOW 区别 全栈工程师开发手册 (作者:栾鹏) js系列教程6-BOM操作全解 js中WINDOW对象中的location成员对象 locatio ...

  7. js中WINDOW对象

    全栈工程师开发手册 (作者:栾鹏) js系列教程6-BOM操作全解 js中WINDOW对象 BOM的核心是window,而window对象又具有双重角色,它既是通过js访问浏览器窗口的一个接口,又是一 ...

  8. js中window.onload 与 jquery中$(document.ready()) 测试

    js中window.onload 与 jquery中$(document.ready())区别,验证代码如下(调换js代码和Jquer代码书写顺序测试,运行结果一样,因此与代码书写位置没关系): &l ...

  9. js中WINDOW对象中的navigator成员对象

    js中DOM, DOCUMENT, BOM, WINDOW 区别 全栈工程师开发手册 (作者:栾鹏) js系列教程6-BOM操作全解 js中WINDOW对象中的navigator成员对象 naviga ...

最新文章

  1. html css网站开发兵书,程序员藏经阁--HTML+CSS网站开发兵书(附光盘)
  2. javascript高级程序设计第3版——第6章 面向对象的程序设计
  3. 【看图识算法】这是你见过最简单的 “算法说明书”
  4. r perl python电脑要求_Shell Perl Python 介绍
  5. mysql5.6.24配置日志_windows下mysql5.6.x的日志正确配置方法(my.ini) (网上的都是5.6之前的版本)...
  6. jz2440开发板修改UBOOT支持NAND FLASH
  7. html中.inner样式,JavaScript-DOM动态控制Html标签对象样式和innerHTML、className属性
  8. 含泪挥手告别RHCE
  9. 扫描仪标准模板滑动采集图像及其处理
  10. 批量读取word docx文件指定表格内容,保存在excel文件中
  11. 小程序点击图片查看详情
  12. esxcli software vib 命令为 ESXi 5.x/6.x 主机安装补丁程序 (2008939)
  13. 【VS】VS Code安装、配置、使用(windows10 64)
  14. 一文详解知识图谱关键技术与应用 | 公开课笔记
  15. 最新目标跟踪评估指标汇总
  16. 写好 JavaScript 异步代码的几个技巧
  17. 游戏测试工程师的光荣与梦想(一)-百炼成钢
  18. spring加载xsd文件
  19. 推荐5个堪称神器的学习网站,在家你值得拥有
  20. <马哲>以私有制为基础的商品经济的基本矛盾是什么?2017-12-27

热门文章

  1. Windows 10 MBR转GPT
  2. 应用WSDK-实现和使用DIME的Web Services(上)
  3. java 取pdf 文本域_Java iText填写PDF模版文本域空白问题
  4. 机器学习(四):多元回归
  5. 直呼内行,阿里P8离职带出内网专属“高并发系统设计”学习笔记
  6. 哈啰出行_出行模式启动
  7. 如何通过大数据赋能产业园区高质量发展
  8. matlab模拟反射,matlab模拟光的反射折射
  9. 第21天 保护操作系统
  10. [技术讨论] 称重传感器 + INA826称重应用