javascript - IE 问题 : Submitting form to an iframe using javascript

Question

我正在尝试使用 javascript 创建一个 iframe 元素，如下所示:

var iframe = document.createElement('iframe');
iframe.setAttribute('name', 'frame_x');

但是，当我尝试使用新创建的 iframe 作为目标提交表单时，IE 会打开一个新窗口，而不是使用 iframe。

form.setAttribute('target', 'frame_x');
form.submit();

这在 Firefox 中完美运行。此外，iframe 已创建，但未使用。

Answer 1

你打了一个 bug in Internet Explorer .

您不能使用标准 DOM 方法 .setAttribute('name',值);

在 IE 中(在 IE8 标准模式下运行的版本 8 之前)此方法将无法设置名称属性。

您需要使用以下其中一项:

//A (any browser)
var iframe = document.createElement('iframe');
iframe.name = 'frame_x';

//B (only in IE)
var iframe = document.createElement('<iframe name="frame_x"/>');

//C (use a JS library that fixes the bug (e.g. jQuery))
var iframe = $('<iframe name="frame_x"></iframe>');

//D (using jQuery to set the attribute on an existing element)
$('iframe:first').attr('name','frame_x');