cookieを保存させて、その内容によってコンテンツを変えたり、
iphone用サイト/pc用サイトを切り替えたりしたいことがあります。

document.cookie = "key=value"; 

などとかいて、keyという名前のキーにvalueを入れていきます。

document.cookie = "name=takuya";

というような感じで。

こうすることによって、クッキーのnameキーにtakuyaが入っていたら
特定のコンテンツを表示するとか、特定のリンクに飛ばすとか、そういうことが
できるようになるわけなんですが・・・。

クッキーはドメインに対して保存されるものなので、
同じサイトでも、コンテンツによってサブドメインを使っていると
cookieが引き継げない

サブドメインがつくとcookieが引き継がれない!!

という問題があります。

それを回避することができます。



たとえば、あなたのサイトが
http://example.com

だとして、
http://neko.example.com
でもcookieにくわせたname=takuyaを利用したいとき、

cookieに保存するときに以下のようにします。

document.cookie = "name=takuya; domain=.example.com";

cookieにはdomain属性というのがあります。

基本的にドメインをまたいでcookieを保存させることはできないのですが、
上記のように

. example.com

というのをdomain属性に指定すると、
example.comでも
neko.example.comでも

クッキーを使うことができるのです。