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

原创 2017年01月03日 10:33:05
 上一篇七种跨域方法【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>
版权声明:本文为博主原创文章,未经博主允许不得转载。

关于跨域中document.domain的设置问题

首先我们设置三个host127.0.0.1 a.domain.com 127.0.0.1 b.domain.com 127.0.0.1 c.domain.com然后写如下测试页面http://a.do...

浅谈获取DOM跨域的解决方案——document.domain、window.name、window.postMessage

如果两个网页不同源,就无法拿到对方的DOM。典型的例子是iframe窗口和window.open方法打开的窗口,它们与父窗口无法通信。 获取DOM的跨域解决方案: (1)如果两个窗口一级域名相同...

浅谈cookie跨域的解决方案——document.domain

cookie的名/值对中的值不允许出现分号、逗号和空白符,因此在设置cookie前要用encodeURIComponent()编码,读取时再用decodeURIComponent()解码。 cooki...

document.domain 跨域问题

document.domain 用来得到当前网页的域名。 比如在地址栏里输入: javascript:alert(document.domain); //www.315ta.com ...
  • sgear
  • sgear
  • 2012年08月17日 09:42
  • 29782

利用domain+iframe跨域

此方法行得通的前提是,不同的域有公共域部分。 我在wamp中配置了两个域名 www.newDomain.com; www.script.newDomain.com; 他们的公共域为newDomain...
  • mzzzzq
  • mzzzzq
  • 2016年04月14日 19:37
  • 2386

document.domain解决跨域问题

本文主要介绍了document.domain的使用,及在解决JS跨域时的使用。在基础域名相同,但二级域名不同的情况下,采用该函数即可以解决JS操作页面元素的情形。...

前端解决跨域问题的8种方案(最新最全)

原文:http://www.cnblogs.com/JChen666/p/3399951.html 1.同源策略如下: URL 说明 是否允许通信 ...
  • Joyhen
  • Joyhen
  • 2014年03月20日 16:52
  • 180541

跨域DOMAIN实现原理

对于主域相同而子域不同的例子,可以通过domain的办法解决跨域问题,例如: http://www.a.com/a.html和http://script.a.com/b.html 可以在两个文件中...

跨域传值精髓

第一中js实现跨域 1.调用  CreateScript("/test/Main/GettestInfo?callback=jsonpcallback"); 2. 回调函数 fun...
  • liubag
  • liubag
  • 2015年09月15日 14:26
  • 747

设置document.domain实现js跨域注意点

转自:http://www.cnblogs.com/fsjohnhuang/archive/2011/12/07/2279554.html document.domain 用来得到当前网页...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:七种跨域方法【2.document.domain篇】
举报原因:
原因补充:

(最多只允许输入30个字)