前端开发 | 那些年曾谈起的跨域

document.domain项目中一般应用的较少，默认情况下document.domain存放的是载入文档的服务器的主机名。可以在控制台输出一下，得到的则是segmentfault.com这个域名。我在项目中所用到的则是结合iframe的时候遇到的跨域，并使用的domain解决的。

在使用document.domain实现跨域的时候需要注意一下，这两个域名必须属于同一个一级域名!而且所用的协议，端口都要一致，否则无法利用document.domain进行跨域。Javascript出于对安全性的考虑，而禁止两个或者多个不同域的页面进行互相操作。而相同域的页面在相互操作的时候不会有任何问题。

简单的解释一下，例如想要在www.a.com中将看到segmentfault.com中的内容并将其网页使用iframe将其嵌入到其网页中，但是此时浏览器是不允许通过JavaScript直接操作segmentfault.com的，因为这两个页面属于不同的域，在操作之前浏览器会检测是否符合同源策略，如果符合则允许操作，反之则不行。

若想要同过document.domain实现跨域的话，必须使其满足同源策略，这个时候就需要用到document.domain，document.domain都设成相同的域名就可以了。但要注意的是，document.domain的设置是有限制的，我们只能把document.domain设置成自身或更高一级的父域，且主域必须相同。

例如：

a.com  
news.a.com  

news.a.com属于a.com的一个子域名，按照上面所说已经满足了上面的规则，如果想要实现跨域操作就需要对接子页面的document.domain进行操作。

父页面：

document.domain = 'a.com';  
var ifr = document.createElement('iframe');  
ifr.src = 'news.a.com/map.html';  
ifr.style.display = 'none';  
document.body.appendChild(ifr);  
ifr.onload = function(){  
    var doc = ifr.contentDocument || ifr.contentWindow.document;  
    var oUl = doc.getElementById('ul1');  
    alert(oUl.innerHTML);  
    ifr.onload = null;  
};  

（编辑：萍乡站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!