首页 > 其他 > 详细

使用document.domain+iframe跨域实例

时间:2019-02-20 16:17:25      阅读:192      评论:0      收藏:0      [点我收藏+]

首先我们假设主页面地址为: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>

使用document.domain+iframe跨域实例

原文:https://www.cnblogs.com/shiyunfront/p/10407189.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!