Question

以下代码有效，我可以在点击身体时发出警报。我想要做的是加载iframe时，自动将iframe中表格的宽度更改为100％。因此，我不是单击，而是如何更改加载宽度？

$("iframe[name=myheader]").load(function() {
            var iframe_body = window.myheader.document.getElementsByTagName("body")[0];
            $(iframe_body).click(function() {
                alert("hello, you touched me~");
                $(this).find("table").css("width","100%"); 
            });

        });

Answer 1

新

将此代码放入iframe文档中：）

$(document).ready(function(){
$("table").css("width","100%");
});

OLD ------------------

iframe load（）函数仅在iframe完成加载时触发，因此您只需删除click（）事件并调整大小。

$("iframe[name=myheader]").load(function() {
            var iframe_body = window.myheader.document.getElementsByTagName("body")[0];
            //$(iframe_body).click(function() {
                alert("hello, you touched me~");
                $(this).find("table").css("width","100%"); 
            //});

        });

Answer 2

您可以尝试iframe的onload事件。例如，如果你的iframe是这样的

    <iframe id="frameElem" width="100%" height="100%" onload="frameLoaded(); return false" />

现在在javascript代码中，

    function frameLoaded(){
    $('#frameElem').contents().find('table').css("width","100%");
    }

在iframe中调整src的表宽度onload

2 个答案: