javascript - 使用 iframe.style.width 设置 iframe 宽度不起作用

Question

我在 iframe 中动态打开一个新文件，并尝试(没有成功)将打开的 iframe 设置为固定宽度:

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

// tried this guy
iframe.style.width = 970 + 'px';

// tried this guy
iframe.width = 970 + 'px';

// tried this guy
iframe.setAttribute('width', '970px');


window.open(url, iframe);

但没有成功，iframe 总是以 1200 宽度打开

Answer 1

IFRAME 是页面“inline-frame”的一部分，您无法通过“window.open”打开它。您可以将其附加到当前文档中，例如

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

iframe.style.width = '970px';
iframe.src = url;

document.body.appendChild(iframe);

如果您确实想打开一个新窗口 - 只需将窗口规范作为 window.open 的第三个参数传递即可:

window.open(url, "mywindow", "width=970");