在 iframe.style.width 的情况下设置 iframe 宽度不起作用

Setting iframe width with iframe.style.width not working

本文关键字：iframe 不起作用 设置 style width 情况下      更新时间：2023-09-26

im 在 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宽度打开

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

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");

这对我有用：

<!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>
相关文章：