layer close 关闭层IE9-浏览器崩溃问题解决

最新推荐文章于 2023-10-22 12:01:05 发布

ai52011

最新推荐文章于 2023-10-22 12:01:05 发布

阅读量1.3k

点赞数

本文探讨了ayer弹出层在IE浏览器中关闭时导致崩溃的原因，并提出了解决方案。通过调整关闭操作避免了对不支持的innerHTML属性进行操作，确保了IE9及以下版本的兼容性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

针对ayer弹出层在IE上关闭导致浏览器崩溃的问题：

导致原因：

　　查看src源码，layer.close关闭总方法中有这么一行：

layer.close = function(index){
        var layero = $('#'+ doms[0] + index), type = layero.attr('type'), closeAnim = 'layer-anim-close';
        if(!layero[0]) return;
        var WRAP = 'layui-layer-wrap', remove = function(){
            if(type === ready.type[1] && layero.attr('conType') === 'object'){

                layero.children(':not(.'+ doms[5] +')').remove();
                var wrap = layero.find('.'+WRAP);
                for(var i = 0; i < 2; i++){
                    wrap.unwrap();
                }
                wrap.css('display', wrap.data('display')).removeClass(WRAP);
            } else {
                //低版本IE 回收 iframe
                if(type === ready.type[2]){
                    try {
                        var iframe = $('#'+doms[4]+index)[0];
                        iframe.contentWindow.document.write('');
                        iframe.contentWindow.close();
                        layero.find('.'+doms[5])[0].removeChild(iframe);
                    } catch(e){}
                }
                //整个layer.js上下文只有这一个“innHTML”的操作！！！！！嫌啰嗦的直接搜索吧！！！
                layero[0].innerHTML = '';
                layero.remove();
            }
            typeof ready.end[index] === 'function' && ready.end[index]();
            delete ready.end[index];
        };

        if(layero.data('isOutAnim')){
            layero.addClass(closeAnim);
        }

        $('#layui-layer-moves, #layui-layer-shade' + index).remove();
        layer.ie == 6 && ready.reselect();
        ready.rescollbar(index);
        if(layero.attr('minLeft')){
            ready.minIndex--;
            ready.minLeft.push(layero.attr('minLeft'));
        }

        if((layer.ie && layer.ie < 10) || !layero.data('isOutAnim')){
            remove()
        } else {
            setTimeout(function(){
                remove();
            }, 200);
        }
    };