获取页面URL | 易学教程

跨域下使用获取iframe的父页面URL
通常情况下，我们获取iframe父页面的url很简单：parent.location或top.location即可，但前提是它们遵循同源策略。
当iframe与父页面不属于同一个域名时，像上面的获取会因为安全策略原因而失败。在nczonline的一篇文章上看到一种方法，使用document.referrer。
方法很简单，通过parent !=window检测iframe与父页面是否同源，当不同源时，使用document.referrer，否则使用parent.location.href或者top.location.href；

function getParentUrl() { 
    var url = null;
    if (parent !== window) { 
        try {
           url = parent.location.href; 
        }catch (e) { 
           url = document.referrer; 
        } 
     }
     return url;
}

当iframe是被动态创建的时候，以上方式依然有效。当然，你也可以使用window.name的方式去做处理。

在页面获取URL

 /** 
  * //获取上一项目根路径 
  * @return {TypeName}  
  */  
 function getRootPath(){      
     //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp      
     var curWwwPath=self.parent.document.location.href;      
     //获取主机地址之后的目录，如： uimcardprj/share/meun.jsp      
     var pathName=self.parent.document.location.pathname;      
     var pos=curWwwPath.indexOf(pathName);      
     //获取主机地址，如： http://localhost:8083      
     var localhostPaht=curWwwPath.substring(0,pos);      
     //获取带"/"的项目名，如：/uimcardprj      
     var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);      
     return(localhostPaht+projectName);  
 }

来源：CSDN

作者：G_whang

链接：https://blog.csdn.net/G_whang/article/details/103752256

标签

iframe

url

var