0

フレームセット内に 3 つのフレームを持つ「cars.html」HTML ファイルがあります。

<frameset id="help" rows="10%,5%,90%">

<frame id="pageTitle" frameborder=0 scrolling=no src="cars_pageTitle.html">
<frame id="pageMenu" frameborder=0 marginheight="0" src="cars_pageMenu.html">
<frame id="pageContent" frameborder=0 marginheight="0" src="#">

 </frameset>

「cars_pageMenu.html」にはメニュー バーがあり
、これを 2 番目のフレームの src に割り当てます。

<script type="text/javascript">
function carRequestMenu()
{
     alert(document.getElementById("pageContent"));
document.getElementById("pageContent").src='cars_requestMenuContent.html';
}
</script>

<BODY>
 <div id="pageToolbar" style="width=100%;height:10px;background-color:FF3333">
      <menu type="toolbar" style="margin-left: 0px;margin-bottom: 0px">
       <button type="button" onclick="carRequestMenu()">Request a Car</button>
       </menu>
 </div>
</BODY>

「車をリクエスト」ボタンをクリックすると、 carRequestMenu() 関数が呼び出され、アラートに null 値が表示されます。src を動的に変更できません。ありがとう

4

1 に答える 1

1

window.open を使用して、ターゲット名を指定できます。

    <frameset id="help" rows="10%,5%,90%">

<frame id="pageTitle" frameborder=0 scrolling=no src="cars_pageTitle.html">
<frame id="pageMenu" frameborder=0 marginheight="0" src="cars_pageMenu.html">
<frame id="pageContent" name="pageContent" frameborder=0 marginheight="0" src="#">

 </frameset>


<script type="text/javascript">
function carRequestMenu()
{
     window.open('cars_requestMenuContent.html','pageContent');
}
</script>

<BODY>
 <div id="pageToolbar" style="width=100%;height:10px;background-color:FF3333">
      <menu type="toolbar" style="margin-left: 0px;margin-bottom: 0px">
       <button type="button" onclick="carRequestMenu()">Request a Car</button>
       </menu>
 </div>
</BODY>
于 2013-06-03T11:32:11.680 に答える