`

js页面跳转的问题(跳转到父页面,跳转到最外层页面)

    博客分类:
  • JS
 
阅读更多

 

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

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

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

举例说明:

如果A,B,C,D都是jsp,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页面跳转

 

if(window.top.location.href!=location.href){
        window.top.location.href=location.href;

 }

如果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页面刷新

 

 

 

分享到:
评论

相关推荐

    js页面跳转的问题(跳转到父页面、最外层页面、本页面)

    js页面跳转:本页面跳转,上一层页面跳转,最外层的页面跳转,下面为大家大家分享下不同页面之家的跳转问题,感兴趣的朋友可以学习下

    微信小程序 scroll-view 实现锚点跳转功能

    在微信小程序中,使用 scroll-view 实现长页面的标记跳转,官方文档中没有例子演示,锚点标记主要是使用&lt;scroll&gt; 的 scroll-into-view 属性。  实现锚点跳转主要以下几点:  1、最外层容器使用 scroll-view  2、...

    js href的用法

    “[removed].href”、”location.href”是本页面跳转 “parent.location.href”是上一层页面跳转 “top.location.href”是最外层的页面跳转 举例说明: 如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的...

    关于js中[removed].href,location.href,parent.location.href,top.location.href的用法与区别

    “[removed].href”、”location.href”是本页面跳转 “parent.location.href”是上一层页面跳转 “top.location.href”是最外层的页面跳转 举例说明: 如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的...

    Web前端大作业-港珠澳大桥.zip

    1、设计的目的 ...页面总体采用 CSS+DIV 布局,最外层DIV为框架。导航栏主要采用a标签以及span标签,并在a标签里面用锚点链接到其对应的模块位置,点击即可跳转到指定位置,使得网站更加人性化,方便展示内容。

    window.parent与window.openner区别介绍

    今天总结一下js中几个对象的区别和用法: 首先来说说 parent.window与top.window的用法 “[removed].href”、”location.href”是本页面跳转 “parent.location.href”是上一层页面跳转 “top.location.href”是最...

    前端设计课程大作业.zip

    WebStorm,创建前端项目工程,并创建相应的文件夹,存放各个css、js,还有网页中用到的各种图片,以及除了主页面index.html之外的二级页面,其存放在html文件夹下,在各个二级页面与主页跳转的网页链接上采用相对...

    js实现网页防止被iframe框架嵌套及几种location.href的区别

    首先我们了解一下:[removed].href、location.href、self.location.href、parent....“parent.location.href”是上一层页面跳转 “top.location.href”是最外层的页面跳转 举个例子说明(如上图): 如果A,B,C,D

    iframe 跨域访问session

    iframe 跨域访问session问题解决方法

    Axure内联框架的使用

    Axure可以利用内联框架,让其它的页面在框架内显示,主要是应用一些主界面跳转到子页面做详细信息查看可以应用的到,如购物时,查看详细参数信息。

    Web前端大作业2.0.zip

    WebStorm,创建前端项目工程,并创建相应的文件夹,存放各个css、js,还有网页中用到的各种图片,以及除了主页面index.html之外的二级页面,其存放在html文件夹下,在各个二级页面与主页跳转的网页链接上采用相对...

    脚手架类似于添加购物车效果

    7、app.vue 文件 :这个文件是整个项目的入口文件,相当于包裹整个页面的最外层的div。 8、main.js 文件 :这个文件是项目的主js,全局的使用的各种变量、js、插件 都在这里引入 、定义。 9、packpage.json :包管理...

    ARCH4系统开发指南

    而不跳转页面 82 3 页面多行录入的处理方案 83 3.1 概述 83 3.2 设计思想 84 3.3 方法调用顺序 85 3.3.1 点击增加按钮时 85 3.3.2 点击删除按钮时 85 3.4 Javascript API 85 3.4.1 insertRow 85 3.4.2 deleteRow 85 ...

    事件高级用法及兼容写法

    一、事件基础 1.事件函数 obj.on-事件名=fn 定义事件的时候,事件函数不会自动执行,当事件触发的...将事件添加到父元素上,当事件发生时,父元素会找到对应触发事件的子元素去处理,后期添加的子元素,依然有这个事件

    React Native中导航组件react-navigation跨tab路由处理详解

    前言 大家应该都有所体会,我们在一般应用都有跨tab跳转的需求, 这就需要特别...首先选择路由结构, 选择使用最外层是StackNavigator, 然后包含3个TabNavigator和其他组件. const Components = { HomeTwo: { scree

    react-epic:浏览地址:

    (最外层包裹)Switch 最终得到的是一个路由结果。(用于显示切换路由后的页面,Switch 标签内有 Route 供给结果。)Route 做匹配路由用,匹配到的结果给 Switch。Link(/NavLink) 用作路由跳转,相当于链接。路由...

    vue-router 前端路由之路由传值的方式详解

    在前端的路由里面,我们在切换路由的时候,也相当于切换了页面,页面与页面之前有时候需要做到传值 ,这个时候就需要进行路由传值,在VueRouter里面,两个路由之间做跳转的时候,如何进行传值呢? 普通跨页面传值: ...

    关于Android中ListView嵌套GridView的问题

    1.在Item最外层加上 android:descendantFocusability=blocksDescendants 2.在Adapter中添加 holder.mGridView.setClickable(false); holder.mGridView.setPressed(false); holder.mGridView.s

    CTB v1.6 Beta 1

    现在最外层的表格的大小,边框颜色,背景颜色都可以在后台调整。 9、把invalid submit的检测在后台做了个开关,再把出错信息写详细了。 10、后台增加金钱的设置,包括:『金钱』的名称、注册获得『金钱』、登录...

Global site tag (gtag.js) - Google Analytics