这不是跨域,且我不喜欢用定时器判断,父窗口load事件已适应子窗口高度,但如果后续操作会改变高度将不会适应新高度,且父窗口的click,mouse事件只有边框能触发,不用定时器去随时判断,那就只有从子窗口着手.
$(function(){ var parentHeight = 0;//父窗口iframe高度 var parentFrame = null;//父窗口iframe var resizeFrame = function(){};//强迫症初始化,事件方法用于移除事件 resizeFrame = function(){ if(window===parent)return $("body").unbind("mousemove",resizeFrame);//如果window对象和parent对象相等说明这不是iframe if(parentHeight==0){//如果高度没有被设置过 for (var i = 0; i < $(parent.document).find("iframe").length; i++) {//遍历父窗口iframe if($(parent.document).find("iframe")[i].contentWindow===window){//查找当前iframe parentFrame = $(parent.document).find("iframe").eq(i);//保存<iframe> parentHeight = parentFrame.height();//保存<iframe>高度 } } } if(parentHeight!=$(this).height()){//如果父容器<iframe>高度不和子窗口body高度一致,则修改 parentHeight = $(this).height(); parentFrame.height(parentHeight); } }; $("body").bind("mousemove",resizeFrame);//在子窗口可见界面添加鼠标监听,也可以在 父窗口parent.document.body添加 });附上初始化高度:
$('<iframe name="window_body_iframe" class="window-body-iframe" src="url" scrolling="no" frameborder="0" style="display:none;"></iframe>').on("load",function(){ var _this = $(this); _this.show();//本来是隐藏了为的是直接显示改变高度后的窗体 var height = $(window.frames["window_body_iframe"].document).height(); _this.height(height);//设定子窗口body高度 });–到底这个有什么用呢,尴尬…
