如何javascript调用iframe加载文件功能

时间:2013-11-07 11:37:05

标签: javascript php jquery ajax

我在index.html上有这段代码

<body>
    <iframe id=iframetest src="alt.html">
        <p>Your browser does not support iframes.</p>
    </iframe>
    <script>
        $(window).load(function(){
             document.getElementById('iframetest').contentWindow.myFunction();
        });
    </script>
    <button onclick="myFunction();">Click Me</button>
</body>

此1位于alt.html

<head>
    <title>JavaScript Test</title>
    <script type="text/javascript">
        //When click on the button function will run
        function myFunction(){
        alert("Hello World");
        }
    </script>
</head>
<body>
    <h1>TEST</h1>
</body>

我想在index.html中显示提醒。但这不起作用。我可以这样做吗?请求帮助我

谢谢你!

1 个答案:

答案 0 :(得分:3)

这被认为更可靠,可能有效:

<body>
    <iframe name=iframetest src="alt.html">
        <p>Your browser does not support iframes.</p>
    </iframe>
    <script>
        $(window).load(function(){
             window.frames['iframetest'].myFunction();
        });
    </script>
    <button onclick="myFunction();">Click Me</button>
</body>

这是解释它的a link

还要确保alt和index.html使用相同的协议(HTTP或HTTPS)在同一个域中