frame页面地址转向跨域解决方法

mainFrame.htm下有两个iframe,左边是left.aspx,frame名是leftFrame,右边名是是mainFrame
left.aspx包含了很多的连接,linka和linkc连到oa.shrcoa.gov.cn域名下的一个页面,linkb连到contact.shrcoa.gov.cn域名下的一个页面,
left.aspx有脚本实现跳转,parent.frames['mainFrame'].frameElement.src = '....';,当点击linka后再点击linkc没有问题,在同一个域里,
但点击linka后再点击linkb再点击linkc就抱拒绝访问,应该是跨域了,解决方法如下:
left.aspx加载脚本,这里用到了jquery脚本
$(function() {
  loadScript('scripts/nav.js');
});

loadScript脚本的定义,放在需要引用paren的页面里,也就是left.aspx
var lastScript;
var h = document.getElementsByTagName("head")[0];
function loadScript(url) {
    var f = document.createElement("script");
    var d = new Date().getTime();
    f.type = "text/javascript";
    f.id = d;
    f.src = url + '?' + d;
    h.appendChild(f);
    if (lastScript && g(lastScript)) g(lastScript).parentNode.removeChild(g(lastScript));
    lastScript = d;
}
function g(x) { return document.getElementById(x) };
--========================================================================

nav.js内容如下,放在和left.aspx一个网站里:
function nav(url) {
    //parent.frames['mainFrame'].frameElement.src = url;
    parent.navig(url);//这里parent指的是mainFrame.htm
}

left.aspx里的每次链接点击时调用已经加载的脚本:
nav(o.hrefs);

mainFrame.htm里写好函数,在自己页面里调用就不会抱错了:
function navig(url) {
    document.frames["mainFrame"].location.href = url;
}

你可能感兴趣的:(frame)