在 iframe 页面中使用 document.domain

在 iframe 页面中使用 `document.domain` 属性可以实现跨子域名的 Cookie 共享。具体实现方法如下：

1. 在主页面和 iframe 页面中都设置 `document.domain` 属性为主域名，例如 `example.com`。

document.domain = 'example.com';

2. 在主页面中设置 Cookie。

document.cookie = 'name=value; domain=example.com';

3. 在 iframe 页面中访问主页面的 Cookie。

var cookie = document.cookie;

这样，在主页面和 iframe 页面中就可以共享 Cookie 了。需要注意的是，`document.domain` 属性只能设置为主域名或其父域名，否则会抛出异常。另外，使用这种方法进行跨域 Cookie 共享时，应该确保主域名和子域名的 Cookie 名称不冲突，以免产生不必要的问题。

相关问题

iframe中如何让子页面可以访问自己的cookie

如果你想让子页面可以访问自己的cookie，可以在父页面中设置iframe的属性，将`document.domain`设置为相同的值。这样可以实现跨域访问cookie。

具体操作步骤如下：

1. 在父页面中设置`document.domain`属性：

   document.domain = "example.com";

2. 在子页面中同样设置`document.domain`属性：

   document.domain = "example.com";

注意，这里的`example.com`应该是你的域名。

3. 设置iframe的`src`属性：

   <iframe src="http://example.com/child.html"></iframe>

这里的`src`属性应该是你子页面的URL。

设置完成后，子页面就可以通过`document.cookie`访问自己的cookie了。

如何在vue的iframe中设置cookie

在Vue的iframe中设置cookie可以参考以下步骤：

1. 在主页面（父页面）中引入js-cookie插件：

import Cookies from 'js-cookie'

2. 在主页面中定义函数，用于向iframe中传递cookie：

// 将cookie传递给iframe
function setIframeCookie(key, value) {
  let iframe = document.getElementById('myIframe')
  let iframeWindow = iframe.contentWindow
  iframeWindow.postMessage({ type: 'setCookie', key: key, value: value }, '*')
}

3. 在主页面中监听iframe的返回消息，并设置cookie：

// 监听iframe返回的消息
window.addEventListener('message', function (event) {
  if (event.origin === 'http://your-iframe-domain.com') {
    let data = event.data
    if (data.type === 'setCookie') {
      Cookies.set(data.key, data.value)
    }
  }
}, false)

4. 在iframe页面中监听主页面传递的消息，并设置cookie：

window.addEventListener('message', function (event) {
  if (event.origin === 'http://your-parent-domain.com') {
    let data = event.data
    if (data.type === 'setCookie') {
      document.cookie = data.key + '=' + data.value + ';path=/'
      // 将cookie信息返回给主页面
      event.source.postMessage({ type: 'setCookie', key: data.key, value: data.value }, event.origin)
    }
  }
}, false)

需要注意的是，由于跨域访问的限制，需要在主页面和iframe页面中分别设置合适的origin，以保证安全性。同时，如果需要在iframe中读取cookie，也可以使用document.cookie来读取。