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

 更新时间:2013年08月14日 14:49:56   作者:  
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页面跳转

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

相关文章

  • Ajax清除浏览器js、css、图片缓存的方法

    Ajax清除浏览器js、css、图片缓存的方法

    为了减小浏览器与服务器之间网络传输压力,往往对静态文件,如js,css,修饰的图片做cache,也就是给这些文件的HTTP响应头加入 Expires和Cache-Control参数,并指定缓存时间,这篇文章详细介绍Ajax清楚浏览js、Css、图片缓存的方法,有需要的朋友可以参考下
    2015-08-08
  • 微信小程序webview实现长按点击识别二维码功能示例

    微信小程序webview实现长按点击识别二维码功能示例

    这篇文章主要介绍了微信小程序webview实现长按点击识别二维码功能,结合实例形式分析了webview二维码识别相关操作技巧,需要的朋友可以参考下
    2019-01-01
  • 微信小程序-详解微信登陆、微信支付、模板消息

    微信小程序-详解微信登陆、微信支付、模板消息

    本篇文章主要是介绍了微信小程序-微信登陆、微信支付、模板消息,具有一定的参考价值,有需要的可以了解一下。
    2016-11-11
  • Javascript简单改变表单元素背景的方法

    Javascript简单改变表单元素背景的方法

    这篇文章主要介绍了Javascript简单改变表单元素背景的方法,涉及javascript操作页面元素样式的基本技巧,非常简单实用,需要的朋友可以参考下
    2015-07-07
  • 利用javascript打开模态对话框(示例代码)

    利用javascript打开模态对话框(示例代码)

    本篇文章主要是对利用javascript打开模态对话框的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • JS如何将秒数转化为时分秒的形式

    JS如何将秒数转化为时分秒的形式

    在实际工作中经常会遇见把秒数转化为时分秒的问题,如何处理呢?下面这篇文章主要给大家介绍了关于JS如何将秒数转化为时分秒形式的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-12-12
  • 基于Echart实现折线图的绘制详解

    基于Echart实现折线图的绘制详解

    EChart开源来自百度商业前端数据可视化团队,基于html5 Canvas,是一个纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。本文将利用EChart实现折线图的绘制,感兴趣的可以学习一下
    2022-03-03
  • js计算系统当前日期是星期几的方法

    js计算系统当前日期是星期几的方法

    这篇文章主要为大家详细介绍了js计算系统当前日期是星期几4种方法,需要的朋友可以参考下
    2016-07-07
  • JavaScript 撑出页面文字换行

    JavaScript 撑出页面文字换行

    最近在做Web 页面,虽然不是很喜欢,不过既然公司安排了,就好好做吧,还是学了不少东西。
    2009-06-06
  • JS实现查找数组中对象的属性值是否存在示例

    JS实现查找数组中对象的属性值是否存在示例

    这篇文章主要介绍了JS实现查找数组中对象的属性值是否存在,涉及javascript针对json数组的遍历、查找相关操作技巧,需要的朋友可以参考下
    2019-05-05

最新评论