0

如上所述,当拥有按钮功能的脚本在父页面中时,如何让第一个iframe中的按钮在下一个iframe中工作?

这是我的html:

<html>
<head>
    <title>Free Jokes!</title>
    <meta charset="utf-8">
    <link href="final%20project.css" rel="stylesheet">
    <script type="text/javascript">
            var randomnumber;

            function window.iframes["left"].clickForJoke() {
                randomnumber=Math.floor( 1 + math.random() * 5);

                switch ( randomnumber ) {
                    case 1:
                        window.open( "joke1.html", target="left" );
                        break;
                    case 2:
                        window.open( "joke2.html", target="left" );
                        break;
                    case 3:
                        window.open( "joke3.html", target="left" );
                        break;
                    case 4:
                        window.open( "joke4.html", target="left" );
                        break;
                    case 5:
                        window.open( "joke5.html", target="left" );
                        break;

                    default:
                        window.open( "joke.html", target="left" );
                }
            }
  </script>
</head> 

<body>
    <iframe id="left" src="left.html" style="width:49.5%" style="height:100%"></iframe>

    <iframe id="right" src="right.html" style="width:49.5%" style="height:100%"></iframe>

</body>
</html>

如果脚本位于父级中,则无法完成此操作,我可以简单地将其移动到左侧或右侧。

另外,如何使 iframe 一直向下移动到屏幕底部。显然,我只能操纵宽度。

4

1 回答 1

0

您应该能够使用以下方式访问按钮:

document.frames['left'].document.getElementById('myButton')

这是一个相关的SO问题

于 2013-07-27T04:28:58.867 回答