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是页面的一部分＆＃34; inline-frame＆＃34;你不能通过＆＃34; window.open＆＃34;打开它。您可以将其附加到当前文档，例如

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

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

document.body.appendChild(iframe);

如果您真的打算打开一个新窗口 - 只需将窗口规格作为window.open的第3个参数传递：

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

Answer 2

这对我有用：

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' lang='en' xml:lang='en'>
<head>
<title>Test</title>
<script type='text/JavaScript'>
function bigger() {
    var objIframe = document.getElementById( 'testiframe' );
    if ( objIframe != null ) {
        objIframe.width = ( parseInt( objIframe.width, 10 ) + 20 ) + 'px';
        } //if
return;
}
</script>
</head>
<body>
<iframe id="testiframe" src="." width="800px"></iframe><br />
<br />
<span onclick="bigger();">[CLICK TO EXPAND]</span><br />
</body>
</html>

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

2 个答案: