手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
摘要:"window.location.href"、"location.href"是本页面跳转"parent.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页面刷新

【关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别】相关文章:

window.onload与$(document).ready()的区别分析

自己编写的支持Ajax验证的JS表单验证插件

如何制作浮动广告

正宗的日历(含农历)

Webpack 实现 AngularJS 的延迟加载

jQuery封装的tab选项卡插件分享

浅析JavaScript作用域链、执行上下文与闭包

谈一谈javascript中继承的多种方式

JavaScript中reduce()方法的使用详解

javascript实现youku的视频代码自适应宽度

精品推荐
分类导航