使用document.domain+iframe跨域实例


首先我们假设主页面地址为:http://www.js8.in/mywork/crossdomain/index.html,我们要加载的内容是位于work.2fool.cn域名下的helloworld.txt。我们需要在主页面中设置document.domain为2fool.cn,然后主页面添加一个iframe,src为域名work.2fool.cn下的一个url,在iframe页面中同样设置document.domain为2fool.cn,同时iframe中需要添加Ajax的函数,例如引入jQuery.js。

主页index.html的主要代码如下:

<button onclick="crossDomain();">开始跨域</button> 
<div id="ajax"></div> 
<iframe src="http://work.2fool.cn/crossdomain/iframe.html" id="iframe" style="display:none;"> 
</iframe> 
<script type="text/javascript"> 
document.domain = '2fool.cn'; 
function crossDomain(){ 
var iframe=document.getElementById('iframe').contentWindow.$; 
iframe.get("http://work.2fool.cn/crossdomain/helloworld.txt",function(data){ 
document.getElementById("ajax").innerHTML=data; 
}); 
} 
</script>
posted @ 2019-02-20 15:57  FE-神鸟  阅读(1647)  评论(0编辑  收藏  举报