`

JavaScript中页面跳转和页面刷新

阅读更多
"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页面刷新
window.location.href = window.location.href 也可以实现页面刷新,它与reload的区别是:如果在reload之前想服务器提交过数据,那么执行reload会重新执行这个提交操作。 而window.location.href = window.location.href 则不会,因为它是重新进入页面。

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/defonds/archive/2009/05/08/4159512.aspx
分享到:
评论

相关推荐

    javascript页面跳转与自动刷新常用代码

    能够实现web页面的跳转与自动刷新,自动跳转等。针对每一种实现方法,里面都有具体的实例。

    自动刷新页面+自动跳转和关闭

    自动刷新页面+自动跳转和关闭: JavaScript是一种扩展到HTML的脚本设计语言,它使网页开发者可以更有效地控制页面

    Javascript刷新页面的几种方法

    Javascript刷新页面的几种方法 1.页面自动刷新 2.页面自动跳转 3.页面自动刷新js版 开窗时刷新 关闭时刷新

    javascript跳转与返回和刷新页面的实例代码.docx

    javascript跳转与返回和刷新页面的实例代码.docx

    Iframe页面请求跳转问题解决

    首先在父页面的javascript给定义一个window.name,并赋予一个字符串值,如window.name="test",其中赋予的字符串值可以随意定义,...,在子页面提交后即可刷新父页面跳转到指定的请求页面. 此资源由网友提供。谢谢!

    javascript跳转与返回和刷新页面的实例代码

    javascript中window.open()与[removed].href的区别 window.open(‘index.html’) 表示新增一个窗口打开 index.html 这个页面,并不刷新 location.href(‘index.html’) 表示在当前窗口重定向到新页面,打开并刷新 ...

    自动刷新网页 js 自动刷新 自动跳转

    js 自动刷新 自动跳转 js 自动刷新 自动跳转

    【JavaScript源代码】vue移动端项目中如何实现页面缓存的示例代码.docx

     说到页面缓存,在vue中那就不得不提keep-alive组件了,keep-alive提供了路由缓存功能,本文主要基于它和vuex来实现应用里的页面跳转缓存。 vuex里维护一个数组cachePages,用以保存当前需要缓存的页面。 keep-al

    JSP中的倒数计时和自动跳转页面

    老师说要写blog,然后只能把雪藏了多年没动过的博客重新翻出来了,今天先分享下JSP里的倒数计时和自动跳转页面 抓狂然后刚才好不容易码完,网页出错了。 1,在标签中建立onload事件,用作自动刷新; &lt;body onload...

    Javascript实现返回上一页面并刷新的小例子

    同时要求返回上一页面,并实现对上一页面的操作进行刷新(例如删除的,添加的),在网上搜寻了一遍,基本上90%的都是说的是用window.history.go(-1), 或者是用 window.history.back(-1), 还有的说子页面刷新父页面用...

    html实现vue回退不刷新,保存原有数据

    a页面跳转到b页面,b页面点击浏览器回退,回退到a页面,a页面的数据都是跳转前的数据,数据没有发生变化

    JS中页面与页面之间超链接跳转中文乱码问题的解决办法

    在原页面一张图片上添加了一个链接,链接中有...JavaScript中通过提示框跳转页面的方法 基于JS实现移动端访问PC端页面时跳转到对应的移动端网页 JS在一定时间内跳转页面及各种刷新页面的实现方法 以上所述是小编给大家

    javaScript实例自学手册486例,附带目录可方便搜索

    2.1 页面刷新按钮.htm 2.10 按钮只能单击一次.htm 2.11 防止按钮连击.htm 2.12 图片式按钮.htm 2.13 文字显示在按钮底部.htm 2.14 选择不同的列表项就显示不同的按钮.htm 2.15 使用按钮控制文本渐变.htm ...

    单页面和多页面开发及应用

    -什么是多页面:每一次页面跳转的时候,后台服务器都会给返回一个新的html文档,这种类型的网站也就是多页网站,也叫做多页应用 - 跳转需要刷新所有资源,用于app 或 客户端 - 页眉 -&gt; 第一页 -&gt; 脚本,页眉 -&gt; 第二...

    用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)

    Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用。Onunload是...

    JS实现页面跳转参数不丢失的方法

    主要介绍了JS实现页面跳转参数不丢失的方法,结合实例形式对比分析了javascript URL加密函数escape()、encodeURI()与encodeURIComponent()的功能与相关使用技巧,需要的朋友可以参考下

    JavaScript常用的返回,自动跳转,刷新,关闭语句汇总

    本文实例讲述了JavaScript常用的返回,自动跳转,刷新,关闭语句。分享给大家供大家参考。具体如下: 1. Javascript 返回上一页: 代码如下:history.go(-1)返回两个页面: 代码如下:history.go(-2)    2. 后退: ...

    javascript 页面跳转方法集合

    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][removed]和window.open的区别 [removed] = “//www.jb51.net” 跳转后有后退功能 [removed].replace(“//www.jb51.net”) 跳转后没有后退功能 window.open(“//...

    Vue监听页面刷新和关闭功能

    但是发现 beforeDestroy 只能监听到页面间的跳转,无法监听到页面刷新和关闭标签页。 所以还是要借助 onbeforeunload 事件。 顺便复习了一下 JavaScript 中的一些加载,卸载事件: 页面加载时只执行 onload 事件...

Global site tag (gtag.js) - Google Analytics