js href的用法

 更新时间:2010年05月13日 17:57:28   作者:  
关于js window.location.href location.href parent.location.href top.location.href 的用法
"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页面刷新

相关文章

  • BootstrapValidator实现表单验证功能

    BootstrapValidator实现表单验证功能

    这篇文章主要为大家详细介绍了BootstrapValidator实现表单验证功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • 详解JS实现简单的时分秒倒计时代码

    详解JS实现简单的时分秒倒计时代码

    这篇文章主要介绍了JS时分秒倒计时的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • js中“??“和“?.“用法小结

    js中“??“和“?.“用法小结

    这篇文章主要介绍了js中“??“和“?.“用法小结,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2023-11-11
  • 详解js的事件处理函数和动态创建html标记方法

    详解js的事件处理函数和动态创建html标记方法

    本文主要对javascript的事件处理函数,动态创建html标记的两种方法进行详细介绍,具有很好的参考价值,需要的朋友一起来看下吧
    2016-12-12
  • JS鼠标滑过图片时切换图片实现思路

    JS鼠标滑过图片时切换图片实现思路

    在浏览网页时会看到这样的效果:当鼠标滑过一张图片后,这张图片切换为了另外的一张图片,下面为大家介绍下具体是如何实现的,感兴趣的朋友不要错过
    2013-09-09
  • 通过 Dom 方法提高 innerHTML 性能

    通过 Dom 方法提高 innerHTML 性能

    此方法大大提高了 innerHTML 在 Firefox 和 Safari 上的性能。replaceHtml() 在 Firefox 2.0.0.6 里 destroy 与 replace 的速度各快了 473 倍以及 50 倍。而在 Safari 3.0.3 beta 上则是 create 100 倍,replace 50 倍。
    2008-03-03
  • javascript Blob对象实现文件下载

    javascript Blob对象实现文件下载

    这篇文章主要为大家介绍了vue组件通信的几种方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2021-12-12
  • JS实现简单Tab栏切换案例

    JS实现简单Tab栏切换案例

    这篇文章主要为大家详细介绍了JS实现简单Tab栏切换案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • JavaScript OOP类与继承

    JavaScript OOP类与继承

    JavaScript OOP类与继承实现代码,需要的朋友可以参考下。
    2009-11-11
  • js完美的div拖拽实例代码

    js完美的div拖拽实例代码

    文章实现的div拖拽程序可以根据按钮来控制是要种拖拽方式与位置 ,下面希望有需要的朋友可参考
    2014-01-01

最新评论