关于js中window.location.href,location.href,parent.location.href,top.location.href的用法

window.opener.location.reload();项目中用到

今天发现<button onclick=""></button>   <input type="submit" onclick=""/>前者点击后发现没触发onclick事件,并且表单提交了,  后者点击后会触发onclick事件,并且表单提交

window.location  是当前页面的URL信息    (URL信息里包括的不仅仅是href信息,还有port等等属性,如果光是alert(location)得到的也是URL地址)

window.top.opener.location 本窗口的父窗口URL信息

href是跳转   reload是刷新

关于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页面刷新

转自http://blog.youkuaiyun.com/defonds/article/details/4159512