location.href、parent.location.href、top.location.href、 window.open实现页面跳转

原创 2012年03月23日 09:00:47

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

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

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

//举个例子:如果A,B,C,D都是htmlDCiframeCBiframeBAiframe,如果Djs这样写

         

window.open("Url地址","_blank") = window.open("Url地址");//在新窗口打开   

         

location = window.location = location.href = window.location.href =self.location.href = "Url地址";//D页面实现展现

window.open("Url地址","_self");//D页面实现展现

         

         

parent.location.href = window.parent.location.href ="Url地址";//C页面实现展现

window.open("Url地址","_parent");//C页面实现展现

         

         

top.location.href = window.top.location.href ="Url地址";//A页面实现展现

window.open("Url地址","_top")//A页面实现展现

         

         

parent.parent.location = "Url地址";//B页面实现展现

 parent.open("Url地址","_parent") = parent.parent.open("Url地址","_self")//B页面实现展现
 
如果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中window.location.href,location.href,parent.location.href,top.location.href的用法

  关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法   "windo...
  • defonds
  • defonds
  • 2009年05月08日 08:35
  • 54637

js中top.location.href、parent.location.href用法

window.location.href、location.href是本页面跳转parent.location.href是上一层页面跳转top.location.href是最外层的页面跳转举例说明:w...
  • kakaxiD
  • kakaxiD
  • 2016年09月22日 17:18
  • 9192

js中top.location.href、parent.location.href用法

在很多朋友不清楚在js中window.location.href、location.href、parent.location.href、top.location.href他们的用法,下面我来分别介绍。...
  • z18842589113
  • z18842589113
  • 2016年11月24日 09:06
  • 2364

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

if (window.location.href == window.top.location.href) {     window.top.location.href = "/index.html"...
  • Mydwr
  • Mydwr
  • 2013年02月17日 11:09
  • 24693

window.location.href无法跳转的解决办法

參考:   1、事件必须return false      2、a标签的href属性设为一个锚点。        必须在event() 后添加 return false; 在event()...
  • mochong
  • mochong
  • 2017年03月28日 14:13
  • 1115

location.href的用户总结

*.location.href 用法:   top.location.href=”url”          在顶层页面打开url(跳出框架)   self.location.href=”url”  ...
  • wksnm0724
  • wksnm0724
  • 2014年07月16日 10:16
  • 136969

window.opener方法的使用 刷新父页面

刷新打开(window.open)此窗口的父窗口 window.opener.location.href = 'http://www.baidu.com'; window.opener.locatio...
  • xumingqing171
  • xumingqing171
  • 2016年07月13日 13:30
  • 5110

window.location.href的用法

window.location.href的用法 分类: Jquery/javascript2011-10-07 13:03 27201人阅读 评论(3) 收藏 举报 asp.net...
  • gu821361889
  • gu821361889
  • 2014年02月26日 09:22
  • 1290

window.location与window.open()的区别 "top.location.href"是最外层的页面跳转

"top.location.href"是最外层的页面跳转 "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上...
  • lyn1772671980
  • lyn1772671980
  • 2017年10月24日 15:24
  • 303

NT_iOS笔记—Xcode6上UIWebView的JS(location.href)无效的问题

一个自从Xcode6
  • NT_Tian
  • NT_Tian
  • 2014年11月13日 10:16
  • 1848
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:location.href、parent.location.href、top.location.href、 window.open实现页面跳转
举报原因:
原因补充:

(最多只允许输入30个字)