七种跨域方法【2.document.domain篇】

 上一篇七种跨域方法【1.CROS篇】主要解决的是异域之间的传值
 这里主要解决的是子域与父域之间的传值
 问题描述:
 现有父域:http://b.com/b.com.html
 要向子域:http://a.b.com/a.b.com.html获取数据
 怎么办?
 将document.domain = 'b.com';都设置为父域即可
如果不知道如何配置虚拟主机?
http://blog.csdn.net/super_yang_android/article/details/53991982
父域:http://b.com/b.com.html内容
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>
    document.domain = 'b.com';
    var ifr = document.createElement('iframe');
    ifr.src = 'http://a.b.com/a.b.com.html';
    ifr.style.display = 'none';
    document.body.appendChild(ifr);
    ifr.onload = function(){
        var doc = ifr.contentDocument || ifr.contentWindow.document;
        // 这里操作DOM
        var oUl = doc.getElementById('ul1');
        alert(oUl.innerHTML);
        ifr.onload = null;
    };
</script>
</body>
</html>
子域:http://a.b.com/a.b.com.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    document.domain = 'b.com';
</script>
<ul id="ul1">我是子域a.b.com中的UL</ul>
</body>
</html>
阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/super_yang_android/article/details/53992210
文章标签: 跨域 doc-domain
个人分类: 筑基【js】
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭