如上所述,当拥有按钮功能的脚本在父页面中时,如何让第一个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 一直向下移动到屏幕底部。显然,我只能操纵宽度。