Question

我使用Iframe在我的主页中添加了一个HTML页面。我修改了新包含的HTML页面的内容。

实际上，我只是包含了我创建的Javascript库。但是这个库包含一些在加载页面之前执行的函数。

但是由于我在加载后修改了新的HTML页面内容，因此我库中的这些变量是NaN。我怎么解决这个问题？有什么方法可以重新加载修改后的内容，或者在加载文档之前我可以以任何方式访问文档吗？

我试过了：

document.getElementById("test").contentWindow.location.reload(true);

...但这会重新加载未经修改的IFrame内容。

<html> 
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

        <style>
            iframe { height : 100%; width : 100%; border : 0px; overflow: auto; float : left; }
        </style>  

        <script>
            window.onload = function() {
                var fileref=document.createElement('script');
                fileref.setAttribute("type","text/javascript");
                fileref.setAttribute("src", "resizeEjquery.js");

                file=document.getElementById("test");
                y=file.contentDocument;
                y.getElementsByTagName('head')[0].appendChild(fileref);

                /*document.getElementById("test").contentWindow.location.reload(true);*/
            }
        </script>

    </head> 

    <body> 
        <iframe id="test" src="teste1.html"></iframe> 
    </body> 
</html>

Answer 1

如果您使用的是jQuery：

您可以手动触发方法，展示onLoad中的所有内容

$(window).load();

使用jQuery在框架中加载火力函数

$($('#test').contentWindow).load();

没有jQuery：

您还可以通过

访问iframe功能

document.getElementById("test").contentWindow.functioName();

修改和重新加载html

1 个答案: