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

最新推荐文章于 2024-07-01 14:16:01 发布

转载最新推荐文章于 2024-07-01 14:16:01 发布 · 321 阅读

文章标签：

本文探讨了如何解决在mainFrame.htm中两个iframe间的跨域问题，通过在left.aspx页面引入jQuery脚本并使用loadScript方法加载外部脚本nav.js，实现了页面间的跳转。此外，详细解释了脚本如何在不同页面间调用，并在mainFrame.htm中正确处理跳转，确保页面加载顺利。

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;
}