Question

我的案例与迄今为止发布的案例略有不同。

我希望我的iframe使用javascript函数调整大小。到目前为止，我的iframe源代码如下所示

<iframe id='bframe' onload='base=history.length;gothere(history.length);' name='bframe' src='http://source.com' style='border: 0pt none ; left: -794px; top: -166px; position: absolute; width: 1600px; height: 799px;' scrolling='no'></iframe></div>

＆＃34; onload＆＃34;东西是因为我想在iframe中的动作完成后调整iframe的大小！我现在唯一需要的是javascript中的一个函数，它允许我更改iframe的宽度和高度以及顶部和左侧坐标。

这就是全部，非常感谢帮助!!!

由于

编辑：

-

感谢回应，但我似乎无法让它发挥作用：

嘿，谢谢你的回复。我把我的代码放到了我的页面

中

    function resizeme() {
    document.getElementById('bframe').onload = function() {
    this.style.width = '1230px';
    this.style.height = '1230px';
    base = history.length;
    gothere(history.length);
}
}

我替换了我的代码中的部分，在iframe内容更改为＆＃34; resizeme（）＆＃34;之后，它重定向到另一个页面。（重定向有效，因此代码必须正确）

然而，没有什么真正改变 - 出了什么问题？

Answer 1

与所有（块级）元素相同：

element.style.width = '123px';
element.style.height = '123px';

在这种情况下：

<iframe id='bframe' onload="this.style.width='123px';this.style.height='123px';base=history.length;gothere(history.length);" name='bframe' src='http://source.com' style='border: 0pt none ; left: -794px; top: -166px; position: absolute; width: 1600px; height: 799px;' scrolling='no'></iframe></div>

你应该把它放在一个函数中，这个：

document.getElementById('bframe').onload = function() {
    this.style.width = '123px';
    this.style.height = '123px';
    base = history.length;
    gothere(history.length);
}

在您的具体情况下，

function resizeme() {
    document.getElementById('bframe').style.width = '1230px';
    document.getElementById('bframe').style.height = '1230px';
}
document.getElementById('bframe').onload = function() {
    resizeme();
    base = history.length;
    gothere(history.length);
}

至少我认为你正在尝试做的事情。它定义了一个resizeme函数，您可以随时调用它，并为iframe提供onload函数来调用resizeme并执行其他操作（base和gothere）。

Answer 2

http://jsfiddle.net/TmUfE/

我们走吧！源代码有点乱，我没有编码，我不是这方面的专家。但它应该这样做：

每当按下链接时（更像是iframe中的提交按钮），它应该将整个页面重定向到其他内容。这是原始的来源，它适用于我的“特殊”网站，我没有把它放在jsfiddle中，所以源本身正在为此而努力！

我想修改它，以便在点击iframed中的提交时，它会调整大小并重新定位iframe（裁剪第二页的另一部分，并且还有一个更大的iframe显示其内容）。

我发现这部分

<div style='overflow: hidden; margin-top:-5px; width: 403px; height: 313px; position: relative;' id='odiv'>

在调整大小时也做了很多工作（这就是为什么它首先没有工作）。

所以第一个任务是：在iframes源中调整iframe的宽度和高度，以及我刚刚在这里输入的那个+部分（不知道如何解决这个问题）以及如何通过代码调整它们的大小。）

我也会支付某种“谢谢”/捐赠给有帮助的人，因为无论我怎么努力，我都无法完成它。

使用javascript调整iframe大小的简便方法

2 个答案: