window.top.location.href 和 window.location.href 的区别

时间：2022-10-31 21:33:22
"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 onload="escapeFrame()">

<iframe src="b.html" ></iframe>

</body>

</html>

window.top.location.href 和 window.location.href 的区别的更多相关文章

  1. 关于js中&quot&semi;window&period;location&period;href&quot&semi;、&quot&semi;location&period;href&quot&semi;、&quot&semi;parent&period;location&period;href&quot&semi;、&quot&semi;top&period;location&period;href&quot&semi;的用法

    location.href 和 window.location.href 区别: 1.location.href 可以直接跳转其他地址(不属于本项目) 也可以跳转本项目中的 2.window.loca ...

  2. window&period;top&period;location&period;href 和 window&period;location&period;href 的区别

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

  3. window&period;location&period;href和window&period;top&period;location&period;href的区别

    if (window.location.href == window.top.location.href) {     window.top.location.href = "/index. ...

  4. window&period;location&period;href和window&period;open的几种用法和区别

    使用js的同学一定知道js的location.href的作用是什么,但是在js中关于location.href的用法究竟有哪几种,究竟有哪些区别,估计很多人都不知道了. 一.location.href ...

  5. window&period;location和window&period;location&period;href和document&period;location的关系

    1,首先来区分window.location和window.location.href. window.location.href是一个字符串. 而window.location是一个对象,包含属性有 ...

  6. window&period;location&period;href 和 window&period;location&period;replace 的区别

    window.location.href  和  window.location.replace 的区别 1.window.location.href=“url”:改变url地址: 2.window. ...

  7. window&period;location&period;Reload&lpar;&rpar;和window&period;location&period;href 区别

    首先介绍两个方法的语法: reload 方法,该方法强迫浏览器刷新当前页面.语法:location.reload([bForceGet])参数: bForceGet, 可选参数, 默认为 false, ...

  8. window&period;location&period;href 与 window&period;loaction&period;replace区别

    window.location.href和window.location.replace的区别 1.window.location.href=“url”:改变url地址: 2.window.locat ...

  9. window&period;location&period;href和document&period;location&period;href、document&period;URL的区别

    1.document表示的是一个文档对象,window表示的是一个窗口对象,一个窗口下可以有多个文档对象. 所以一个窗口下只有一个window.location.href,但是可能有多个documen ...

随机推荐

  1. 基于Redis、Storm的实时数据查询实践

    通过算法小组给出的聚合文件,我们需要实现一种业务场景,通过用户的消费地点的商户ID与posId,查询出他所在的商圈,并通过商圈地点查询出与该区域的做活动的商户,并与之进行消息匹配,推送相应活动信息到用 ...

  2. ubuntu&colon;solve the problem of &&num;39&semi;E&colon;Problem with MergeList &sol;var&sol;lib&sol;apt&sol;lists&sol;&&num;39&semi;

    just run this command: sudo rm /var/lib/apt/lists/* -vfR it will remove all the software package wit ...

  3. Euclidean Space

    http://www.euclideanspace.com/maths/geometry/rotations/conversions/matrixToQuaternion/index.htm

  4. 定时器图片轮播淡入淡出基本功能已实现，正在修改BUG中。。（附图效果和源代码）

    用JQ写的源码如下: 实现功能: 1,图片自动按顺序轮播,轮播选中的图片透明度为1,其他为0.1: 2,鼠标停在的图片上透明度为1,其他为0.1: 3,鼠标离开,继续轮播,起始位置为鼠标停在的图片的下 ...

  5. Swift - 启动时的向导页（新手引导）的制作

    在很多iOS产品或者一些应用版本的升级中,新手指导都是一个常用的功能,通过说明页的左右滑动,可以很清晰的展示系统的一些功能特性.制作思路如下: 1,如何检测应用是第一次登陆启动 我们可以使用NSUse ...

  6. 安装Apache遇到的一点问题

    很久以前就安装好了Apache(2.2),现在再用时突然出现了问题: 以http://127.0.0.1/exercise/x.php的方式访问文件是正常的,但是要进入phpMyAdmin建表发现不能 ...

  7. （七）大图展示Demo引出的UIScrollView的使用

    UIScrollView是一个能够滚动的视图控件,可以通过滚动查看所有内容. 用途: 1.一张大图屏幕放不下,可以用各个方向的手势来看大图的各个部分. 2.手机的设置页面有很多的选项,需要上下滚动来查 ...

  8. 日期类的使用（java）-蓝桥杯

    蓝桥杯日期问题常考,java提供了日期类很方便: //日历类 Calendar c = Calendar.getInstance(); // 获取实例化对象 Date date =c.getTime( ...

  9. android 使用get和post将数据提交到服务器

    1.activity_main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android& ...

  10. iframe 问题集合

    1. 历史记录问题 Firefox: 如果iframe是静态存在在HTML中时,iframe的任何src或者location改变都会被记录到浏览器history中. 如果iframe是在页面加载完成后 ...

相关文章