iframe 中 js 的 cookie 读写不到的解决办法

简介:

先看一个例子比如:我们在 www.cr173.com 中用 iframe 了一个 www.fxxz.com 的一个页面。

如:

< iframe height="100" marginheight="0" src="http://www.fxxz.com/" frameborder="0" width="970" marginwidth="0" scrolling="no" bordercolor="#000000">< /iframe>

 

在IE下面 www.fxxz.com 这个被框住的页面是无法进行COOKIE的读写的。

用 document.cookie; 是读取不到 Cookie值的。

cookie的作用域又是如何界定的呢?

我在一个文件夹下,比如 d: mp\ 下建了几个html文件,我发现在a.htm中创建的cookie,在b.htm中是可以识别的。 是不是可以认为,只要是同一个文件夹下的html文件,就可以共享cookie, 当然,我是在本机上做测试,如果作为一个网站来讲,cookie的作用域又是如何界定的呢?

document.cookie = "username=" + escape(value)+ "; xpires ="+ expiration.toGMTString()+";path=/;domain=localhost; secure"; 就是说.当你PATH设置成/时.你当前文件夹或者DOMAIN下的所有子文件及子文件夹里的文件都可以读到.但当设置为/thispathname就只有DOMAIN/thispathname下的文件及文件夹能读写。

其根源也是由于iframe跨站点cookie被阻导致session失效。但是当时因为两个站点都是自有的服务器,因此通过设置了相同的父域名解决了此问题,所以后来也就没有深入研究此问题。
    目前在开发新功能时,又一次遇到了此问题,但是如果仍旧通过更改域名的方式来解决的话,设计上可能就会非常麻烦。于是不得已彻底翻了一下资料,初步研究结果如下:
问题根源:     IE6/IE7支持的P3P(Platform for Privacy Preferences Project (P3P) specification)协议默认阻止第三方无隐私安全声明的cookie,Firefox目前还不支持P3P安全特性,firefox中自然也不存在此问题了。Mircosoft对此的具体描述可以参见 Privacy in Internet Explorer 6 解决方法: 很简单,在要嵌入的内容中(iframe指向的站点)输出P3P的主机头声明,步骤如下 (Session variables are lost if you use FRAMESET in Internet Explorer 6):
1.打开IIS管理器 inetmgr 2.选择被嵌入iframe源站点或者目录,右键点击打开属性框 3.切换到HTTP头 4.添加

 5.自定义HTTP头名: P3P 6.自定义HTTP头值: CP="CAO PSA OUR"

 7.关闭属性框退出,即刻生效

 

我们可以查一下 HTTP 头信息

http://tool.chinaz.com/pagestatus/

用这里可以查看一下刚刚的设置:


至于上面CAO PSA OUR的具体意思,还是请参考前面的文章:Privacy in Internet Explorer 6

 

如果是动态语言可以用下面的添加头信息的办法来解决:

PHP
<?php header('P3P: CP="CAO PSA OUR"');//ADD IN THIS LINE IN ORDER TO SOLVE THE INTERNET EXPLORER ALWAYS GET NEW SESSION ISSUEsession_start();$_SESSION['test']='anything';echo$_SESSION['test'];
?>

关于“用P3P header解决iframe跨域访问cookie/session”的问题 
理论很简单,而且模式也和大多请求返回状态的SSO差不多.但是有几个地方是要注意一下的. 1.页面里的COOKIE不能是浏览器进程的COOKIE(包括验证票和不设置超时时间的COOKIE),否则跨域会取不到.这点做跨域COOKIE的人比较少提到.不过实际上留意下几家大学做的方案,有细微的提到他们的验证模块里的COOKIE是有设置超时时间的. 2.当利用IFRAME时,记得要在相应的动态页的页头添加一下P3P的信息,否则IE会自觉的把IFRAME框里的COOKIE给阻止掉,产生问题.本身不保存自然就取不到了.这个其实是FRAMESET和COOKIE的问题,用FRAME或者IFRAME都会遇到. 3.测试时输出TRACE,会减少很多测试的工作量. 只需要设置 P3P HTTP Header,在隐含 iframe 里面跨域设置 cookie 就可以成功。他们所用的内容是: P3P: CP='CURa ADMa DEVa PSAo PSDo OUR BUS UNI PUR INT DEM STA PRE COM NAV OTC NOI DSP COR'
ASP直接在头部加了头部申明,测试有效

<%Response.AddHeader "P3P", "CP=CAO PSA OUR"%> php的话,我没去试,应该是如下写法: header('P3P: CP=CAO PSA OUR');

ASP.NET的话
通过在代码上加Response.AddHeader("P3P", "CP=CAO PSA OUR") 或者在Window服务中将ASP.NET State Service 启动。
JSP: response.setHeader("P3P","CP=CAO PSA OUR")

分类:  ASP.NET
本文转自左正博客园博客,原文链接:http://www.cnblogs.com/soundcode/archive/2012/12/25/2832971.html ,如需转载请自行联系原作者
相关文章
|
21天前
|
JavaScript
|
1月前
|
存储 JavaScript 前端开发
js中session、cookie、 localStorage和SessionStorage的区别和特点
js中session、cookie、 localStorage和SessionStorage的区别和特点
|
1月前
|
存储 JavaScript 前端开发
JavaScript DOM 操作:解释一下 cookie、sessionStorage 和 localStorage 的区别。
JavaScript DOM 操作:解释一下 cookie、sessionStorage 和 localStorage 的区别。
15 0
|
2月前
|
存储 JavaScript 前端开发
JS中Cookie的基本使用
JS中Cookie的基本使用
|
2月前
|
JavaScript
适配针式打印机EPSON爱普生,在vue项目中用原生js搭配iframe完成唤起打印弹窗
适配针式打印机EPSON爱普生,在vue项目中用原生js搭配iframe完成唤起打印弹窗
|
2月前
|
JavaScript 索引
用原生js的postMessage实现iframe传值,也可以用于跨域嵌套iframe传值
用原生js的postMessage实现iframe传值,也可以用于跨域嵌套iframe传值
用原生js的postMessage实现iframe传值,也可以用于跨域嵌套iframe传值
|
3月前
|
JavaScript 前端开发
(javascript)Vue启动时常见错误及其解决办法
(javascript)Vue启动时常见错误及其解决办法
75 0
|
3月前
|
JavaScript
JS/JQuery操作iframe元素
JS/JQuery操作iframe元素
|
3月前
|
存储 JavaScript 前端开发
js中session、cookie、 localStorage和SessionStorage的区别和特点
js中session、cookie、 localStorage和SessionStorage的区别和特点
36 0
|
4月前
|
存储 移动开发 JavaScript
JS中iframe如何却写面包屑功能
JS中iframe如何却写面包屑功能

相关产品

  • 云迁移中心