跨域下使用获取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);
}