如何动态改变帧的SRC

how to change the src of the frame dynamically

本文关键字：改变 SRC 动态 何动态      更新时间：2023-09-26

我有一个"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"有菜单栏
我把它赋值给第二帧的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()函数被调用警报显示空值。我不能动态地改变src。由于

您可以使用window。打开并指定目标名称:

    <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>
相关文章：