利用cookie实现从主页面向iframe页面里传值

因为我要做一个页面，要实现当浏览器的大小发生改变时获取到浏览器的高度，然后传入iframe引入的子页面中，思前想后用了许多方法都不行~最后突然想到了cookie，就尝试着试了一下，没想到还真行~~

首先，在主页面listMenu.jsp写入如下代码：

//写cookies
function setCookie(name,value){
var Days = 30;
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString()+";path=/ficrm-front";
}
$(window).resize(function(){//浏览器发生改变触发事件
var browserWidth = document.documentElement.clientWidth; //可见区域宽度
var iframeHeight = document.documentElement.clientHeight-108;  //可见区域高度
setCookie("cookie_iframeHeight",iframeHeight);
//console.log('宽度：'+browserWidth+'高度：'+iframeHeight);

});

当浏览器窗口发生改变时把高度实时的写入cookie中。注意那个108是根据我自己需要才减去的话，如果需要获取浏览器的高度就不要减。还有就是setCookie方法里面的path值为你项目的根目录~~上面写的是我自己的，可别也复制上去了~

接下来需要在iframe页面中写入如下代码：

$(window).resize(function(){
//获取cookie
function getCookie(name){
var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
if(arr != null)
return unescape(arr[2]);
return null;
}
var pageAutoHeight = getCookie("cookie_iframeHeight");
$(".pageAuto").css({"overflow-y":"auto","height":pageAutoHeight});
})

通过getCookie("cookie_iframeHeight");获取到在主页面设置的高度值。