JQuery/PHP

JS动态创建带name的iframe在IE下跳转问题

阿里云

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

  1. var iframe = document.createElement('iframe');
  2. iframe.name = 'test';
也想出现在这里?联系我们
创客主机

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

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

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

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

  1. var iframe;
  2. try {
  3.         iframe = document.createElement('<iframe name="test">');
  4. } catch (ex) {
  5.         iframe = document.createElement('iframe');
  6. }
  7. iframe.name = 'test';

JS 动态创建带 name 的 iframe 在 IE 下跳转问题

已有 207 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!