您的位置：首页 > Web前端 > JavaScript

关于js iframe 中"window(parent)(top).location.href"的用法

2013-04-22 12:37 1046 查看
"window.location.href"、"location.href"是本页面跳转

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

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

举例说明：

1、如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写

A; <htmll><iframe src="B.jsp"></iframe></html>

B:<htmll><iframe src="C.jsp"></iframe></html>

C:<htmll><iframe src="D.jsp"></iframe></html>

D:<html>

<a onclick="javascript:window.location.href='http://www.baidu.com'">本页 D</a>

<a onclick="javascript:parent.location.href='http://www.baidu.com'">父页 C</a>

<a onclick="javascript:top.location.href='http://www.baidu.com'">顶页 A</a>

</html>

"window.location.href"、"location.href"：D页面跳转

"parent.location.href"：C页面跳转

"top.location.href"：A页面跳转

2、如果D页面中有form的话,

<form>: form提交后D页面跳转

<form target="_blank">: form提交后弹出新页面

<form target="_parent">: form提交后C页面跳转

<form target="_top"> : form提交后A页面跳转

3、关于页面刷新，D 页面中这样写：

"parent.location.reload();": C页面刷新 （当然，也可以使用子窗口的 opener 对象来获得父窗口的对象：
window.opener.document.location.reload(); ）

"top.location.reload();": A页面刷新
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航