子窗口操作父窗口自适应高度

这不是跨域,且我不喜欢用定时器判断,父窗口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高度
});

–到底这个有什么用呢,尴尬…

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章