在域上创建JavaScript cookie并跨子域读取它

下面是一个在用户计算机上编写12个月的JavaScript cookie。

在我们的主域（例如）上设置Cookie之后example.com，如果用户访问的子域（如）test.example.com，我们需要继续在“测试”子域中识别用户的活动。

但是使用当前代码，一旦他们离开www.example.com并访问test.example.com，它们就不再标记为“ HelloWorld”。

谁能帮助我的代码允许跨子域读取Cookie？

<script type="text/javascript">
  var cookieName = 'HelloWorld';
  var cookieValue = 'HelloWorld';
  var myDate = new Date();
  myDate.setMonth(myDate.getMonth() + 12);
  document.cookie = cookieName +"=" + cookieValue + ";expires=" + myDate;
</script>

只需在Cookie上设置domain和path属性，例如：

<script type="text/javascript">
var cookieName = 'HelloWorld';
var cookieValue = 'HelloWorld';
var myDate = new Date();
myDate.setMonth(myDate.getMonth() + 12);
document.cookie = cookieName +"=" + cookieValue + ";expires=" + myDate 
                  + ";domain=.example.com;path=/";
</script>

你要：

document.cookie = cookieName +"=" + cookieValue + ";domain=.example.com;path=/;expires=" + myDate;

根据RFC 2109的规定，要使 Cookie可用于所有子域，您必须.在域的前面放置一个。

设置path = /将使cookie在整个指定域（又名.example.com）内可用。

这是一个工作示例：

document.cookie = "testCookie=cookieval; domain=." + 
location.hostname.split('.').reverse()[1] + "." + 
location.hostname.split('.').reverse()[0] + "; path=/"

这是一种通用解决方案，它从位置对象获取根域并设置cookie。反向是因为您不知道有多少个子域（如果有）。

您还可以使用MDN JavaScript Cookie框架并执行以下操作：

docCookies.setItem('HelloWorld', 'HelloWorld', myDate, '/', 'example.com');