编程 Javascript

js页面跳转的问题(跳转到父页面、最外层页面、本页面)

Posted in Javascript onAugust 14, 2013

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

js页面跳转的问题(跳转到父页面、最外层页面、本页面)

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

服务器安全设置的几个注册表设置

Jul 28 Javascript

JavaScript constructor和instanceof,JSOO中的一对欢喜冤家

May 25 Javascript

如何让浏览器支持jquery ajax load 前进、后退功能

Jun 12 Javascript

JS公共小方法之判断对象是否为domElement的实例

Nov 25 Javascript

Ajax高级笔记 JavaScript高级程序设计笔记

Jun 22 Javascript

angular2系列之路由转场动画的示例代码

Nov 09 Javascript

Vue.js+Layer表格数据绑定与实现更新的实例

Mar 07 Javascript

js限制input只能输入有效的数字(第一个不能是小数点)

Sep 28 Javascript

angular.js实现列表orderby排序的方法

Oct 02 Javascript

Vue中Table组件行内右键菜单实现方法(基于 vue + AntDesign)

Nov 21 Javascript

详谈vue中router-link和传统a链接的区别

Jul 22 Javascript

Vue 实例中使用$refs的注意事项

Jan 29 Vue.js

Microsfot .NET Framework4.0框架安装失败的解决方法

Aug 14 #Javascript

js中return false(阻止)的用法

Aug 14 #Javascript

JavaScript中window、doucment、body的解释

Aug 14 #Javascript

onmouseover和onmouseout的一些问题思考

Aug 14 #Javascript

js之onload事件的一点使用心得

Aug 14 #Javascript

jQuery Animation实现CSS3动画示例介绍

Aug 14 #Javascript

JavaScript中json使用自己总结

Aug 13 #Javascript