iframe跨域引用其他url造成拒绝访问的解决办法

有这样一段代码，需要在隐藏的iframe中调用其他的url：

 

function a(){
    var url=...;//跨域url
    var param=...;
    iframe3.document.location=encodeURI(url+param);
}

function a(){
	var url=...;//跨域url
	var param=...;
	iframe3.document.location=encodeURI(url+param);
}

 

 

这个函数在同一页面上调用一次，没问题。再点一次呢？问题出现：JS提示拒绝访问。

如何能够避免这个问题呢，请看下面的代码。

 

function b(){
    var url=...;//跨域url
    var param=...;
    var ifr=document.createElement("iframe");//以下创建一个隐藏的iframe
    ifr.setAttribute("width",0);
    ifr.setAttribute("height",0);
    document.body.appendChild(ifr);
    ifr.src=encodeURI(url+param);
}

function b(){
	var url=...;//跨域url
	var param=...;
	var ifr=document.createElement("iframe");//以下创建一个隐藏的iframe
	ifr.setAttribute("width",0);
	ifr.setAttribute("height",0);
	document.body.appendChild(ifr);
	ifr.src=encodeURI(url+param);
}

 

每次在新开的iframe中完成url所需的工作，这样就可以满足要求了。

 

注意，这样做适用于你的url仅做一些原子类的操作，如打印等。如果这个url具有连续性（比如要监听一个事件），建议你不要这样做，以免在同一个页面产生多个此类的操作。