关闭

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

标签: 跨域doc-domain
1762人阅读 评论(1) 收藏 举报
分类:
 上一篇七种跨域方法【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>
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:117390次
    • 积分:2843
    • 等级:
    • 排名:第13053名
    • 原创:175篇
    • 转载:0篇
    • 译文:0篇
    • 评论:9条