dsadasd12132 2013-11-07 11:37
浏览 99

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

i have this code on 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>

and this 1 is in 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>

i want to display alert in index.html. but this was not worked.how can i do this? pleas help me

thank you!

  • 写回答

1条回答 默认 最新

  • douyouqian8550 2013-11-07 11:45
    关注

    This is considered more reliable and might work:

    <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>
    

    Here's a link that will explain it.

    also make sure alt and index.html are within the same domain using the same protocol (HTTP or HTTPS)

    评论

报告相同问题?