ie6、ie7及ie8创建iframe时设置name问题

今天帮同事修复一个bug,问题是这样的,页面中有一个表单提交,是跨域的,所以同事选择了target="iframeid",就涉及到动态创建iframe的问题,他的方法是:

createIframe : function(id, name, style){
        var iframe = document.createElement('iframe');
        iframe.setAttribute("id", id);
        iframe.setAttribute("name", name);
        iframe.style.cssText = style;
        iframe.setAttribute("src", "#");
        document.body.appendChild(iframe);
        return iframe;
    }

问题来了,在ie9以下提交后,竟然新开了一个窗口,经测试发现ie9以下需要设置iframe的name属性,target属性才是有效的。问题就是setAttribute('name', name);这名没有生效。经过查找,解决办法如下:

createIframe : function(id, name, style){
        var iframe = document.createElement(BDBridge.Lib.ie && BDBridge.Lib.ie[1] < 9 ? '<iframe name="'+ name +'">' : 'iframe');
        iframe.setAttribute("id", id);
        iframe.setAttribute("name", name);
        iframe.style.cssText = style;
        iframe.setAttribute("src", "#");
        document.body.appendChild(iframe);
        return iframe;
    }

 

你可能感兴趣的:(ie6、ie7及ie8创建iframe时设置name问题)