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;
    }

 

转载于:https://www.cnblogs.com/shaobo/archive/2012/10/25/2738293.html