IE下,动态创建的iframe在异步提交时会跳转的问题的解决

转载的文章 正好能解决燃眉之急,多谢原作者先。

-------------------------------------------------------------------------华丽的分隔符-----------------------------------------------------------

在一些前端项目中可能要用到动态创建iframe的需求,例如无刷新ajax上传文件。但是在IE下创建带有name的iframe会有个bug,创建的代码如下:

var iframe = document.createElement('iframe');
iframe.name = 'test';

上面的这段javascript代码在IE下赋不了name属性!!! 即iframe.name = 'test';这段代码未执行。

在IE中我们可以使用下面的代码来动态创建带有name的iframe:

var iframe = document.createElement('<iframe name="test">');

但是上面的代码在非IE浏览器下却报错,这时候我们可以使用判断IE,如果是ie则使用第二段方法动态创建iframe,或者我们可以捕获异常,如下面的代码:

var iframe;
try {
    // IE浏览器适用
    iframe = document.createElement('<iframe name="test">');
} catch (ex) {
    // 非IE浏览器
    iframe = document.createElement('iframe');
   iframe.name = 'test'; }

通过这样的方法 就可以了~~

我这边在完善一下吧

function createIframe(iframeName){
  var iframe;
  try {
    iframe = document.createElement('<iframe name="' + iframeName + '">');    
  }catch (ex){
    iframe = document.createElement('iframe');
    iframe.name = iframeName;
  }
  document.body.appendChild(iframe);
}

到这里应该就可以了,下面的是自己刚加的 还没试验。

原文地址:https://www.cnblogs.com/lxin/p/2720280.html