美文网首页
window.top.location.href

window.top.location.href

作者: 钱学敏 | 来源:发表于2018-04-09 16:45 被阅读0次

    区别

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

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

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

    举个例子

    如果A,B,C,D都是html,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写

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

    相关文章

      网友评论

          本文标题:window.top.location.href

          本文链接:https://www.haomeiwen.com/subject/mfbihftx.html