有时候，需要修改document.domain。

　　典型的情形：http://a.xxx.com/A.htm 的主页面有一个<iframe src="http://b.xxx.com/B.htm"></iframe>，两个页面的js如何进行交互？
　　实现跨域交互的方式有很多，其中这种跨子域的交互，最简单方式就是通过设置document.domain：只需要在A.htm与B.htm里都加上这一句document.domain = 'xxx.com'，两个页面就有了互信的基础，而能无碍的交互。
　　示例：http://www.wagang.net/jk/document_domain/A.htm
　　这种实现跨域的方式很简单，并且主流浏览器都支持（IE6+、Firefox、Chrome等）不过，更改document.domain，会有一系列的副作用，为后续的工作留下隐患。

　　本文收集列举这些注意事项，以供参考。

1. 如果修改了document.domain，则在某些机器上的IE678里，获取location.href有权限异常。
    例：

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>JK</title>

    <script>

        document.domain='wagang.net';

    </script>

</head>

<body >

  IE678下，有时获取location.href时有异常：<input type=button value='alert(location.href);' onclick="alert(window.location.href);"> 参见：http://bugs.jquery.com/ticket/8138 jquery ticket#8138 <hr>

  jQuery中相应的代码：

  <pre>

// #8138, IE may throw an exception when accessing

// a field from window.location if document.domain has been set

try {

    ajaxLocation = location.href;

} catch( e ) {

    // Use the href attribute of an A element

    // since IE will modify it given document.location

    ajaxLocation = document.createElement( "a" );

    ajaxLocation.href = "";

    ajaxLocation = ajaxLocation.href;

}

  </pre><hr>

    也可以用：document.URL来获取：<input type=button value='alert(document.URL);' onclick="alert(document.URL);">

</body>

</html>

2. 如果页面修改了document.domain，则它包含的iframe，必须也设domain，才能进行交互。就算是同域的页面也必须要设。
　　这个例子里：http://www.wagang.net/jk/document_domain/A2.htm
　　由于页面设了document.domain，导致它包含的本域页面不能与它交互，因为iframe里的页面没有设置document.domain
3.  设置document.doamin，也会影响到其它跟iframe有关的功能。
　　典型的功能如：富文本编辑器（因为是iframe来做富文本编辑器的）、ajax的前进后退（因为IE67要用到iframe，参见：IE6与location.hash和Ajax历史记录）
4.  设置document.doamin，导致ie6下无法向一个iframe提交表单。
　　这一篇文章里列了问题象与解决方案：IE6与location.hash和Ajax历史记录

附：跟跨域相关的几个参考：
 QW.XPC ：  利用window.name(IE6、7)和postMessage跨域传输数据 
 屈屈博客： 也谈跨域数据交互解决方案
 三水清博客： 用document.domain+iframe实现Ajax跨子域

修改document.domain的注意事项（转）的更多相关文章

  1. document.domain的修改问题

    有时候,需要修改document.domain. 典型的情形:http://a.xxx.com/A.htm 的主页面有一个<iframe src="http://b.xxx.com/B ...

  2. document.domain

    HTML DOM DOCUMENT 对象 定义和用法 domain 属性可返回下载当前文档的服务器域名. 语法 document.domain 说明 该属性是一个只读的字符串,包含了载入当前文档的 w ...

  3. document.domain与js跨域的问题

    以前如果要使iframe里面的脚本能访问parent的内容,但iframe和parent的二级域名相同,那一般都会在两者都写上document.domain="xxx.com" 以 ...

  4. document.domain跨域

    原文:[转载]document.domain跨域 document.domain 用来得到当前网页的域名. 比如在地址栏里输入: javascript:alert(document.domain); ...

  5. 跨域cors方法（jsonp，document.domain，document.name）及iframe性质

    这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据.只要协议.域名.端口有任何一个不同,都被 ...

  6. document.domain 跨域问题[转]

    document.domain用来得到当前网页的域名.比如打开百度,在地址栏里输入: javascript:alert(document.domain); //www.baidu.com 弹出窗体: ...

  7. document.domain 跨域问题

    document.domain用来得到当前网页的域名. 比如在地址栏里输入:javascript:alert(document.domain); //www.315ta.com我们也可以给docume ...

  8. document.domain跨子域

    document.domain 用来得到当前网页的域名.比如在地址栏里输入: javascript:alert(document.domain); //www.315ta.com 我们也可以给docu ...

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

    转自:http://www.cnblogs.com/fsjohnhuang/archive/2011/12/07/2279554.html document.domain 用来得到当前网页的域名.比如 ...

随机推荐

  1. 获取Camera 支持视频的尺寸

    <uses-permission android:name="android.permission.CAMERA" > </uses-permission> ...

  2. php自动运行

    <?php ignore_user_abort(); //即使Client断开(如关掉浏览器),PHP脚本也可以继续执行. set_time_limit(0); //执行时间为无限制,php默认 ...

  3. Webdriver的设计模式：Page Object(页面模型)

    设计思想:面向对象,将单个页面所有可能用到元素封装到一个page类中,并提供一些常用的方法,其属性就代表页面元素,普通方法代表对元素所做的操作 以博客园的登录页面为例: import org.open ...

  4. nodejs【伪】入门教程

    声明: 本文适合白的不能再白的小白 不要被标题误导,本文不会讲nodejs基础,只是本人学习流程和资料的一个整合 如果想找一大堆教程自己看,没有电梯,自己拉到文章最下方吧   一.nodejs是什么 ...

  5. js导入插件注意事项.txt

    网上收集的答案如下:==============================================1)确认js真的被引用到2)确认js引用顺序没问题3)确认js代码里的括号等都匹配,不会 ...

  6. 编译cvaux错误的原因

    引用:   http://www.cnblogs.com/oskycar/archive/2009/08/30/1556920.html VS2013 在debug模式下编译cvaux时会提示三个错误 ...

  7. Linux下tomcat的安装详解

    Linux下tomcat的安装详解 来源: ChinaUnix博客 日期: 2007.01.21 22:59 (共有0条评论) 我要评论 一,安装前的准备:1,Linux版本:我的是企业版.(至于红帽 ...

  8. Linux Shell 小脚本经典收藏

    原文:http://www.cnblogs.com/Javame/p/3867686.html 1.在两个文件中找出相同的号码 diff -y xx.txt oo.txt | egrep -v &qu ...

  9. isset() 与 empty() 的区别

    PHP的isset()函数 一般用来检测变量是否设置 格式:bool isset ( mixed var [, mixed var [, ...]] ) 功能:检测变量是否设置 返回值: 若变量不存在 ...

  10. Git撤销暂存区stage中的内容

    $ git add readme.txt提交到了stage中. $ git statusOn branch masterChanges to be committed:  (use "git ...