Javascript 如何动态更改框架的src_Javascript_Html_Dom_Frames

Javascript 如何动态更改框架的src

javascript html dom

Javascript 如何动态更改框架的src,javascript,html,dom,frames,Javascript,Html,Dom,Frames,我有一个“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"> <

我有一个“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\u pageMenu.html”具有菜单栏
我将其分配给第二帧的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（）
{
警报（document.getElementById（“pageContent”）；
document.getElementById（“pageContent”）.src='cars\u requestMenuContent.html'；
}
请求一辆车

单击“请求汽车”按钮时，将调用carRequestMenu（）函数警报显示空值。我无法动态更改src。

谢谢

您可以使用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>


函数carRequestMenu（）
{
open（'cars_requestMenuContent.html'，'pageContent'）；
}
请求一辆车

NULL

表示它没有得到任何东西。检查控制台你有什么错误控制台还说这是nullHi Alex Wang，它正在打开一个新窗口。但我希望改变发生在我解决问题的同一页上，而不是我使用的id，而是我使用的名称和alex的评论