2013-06-03 25 views
0

我有有框架內的三個幀「cars.html」 HTML文件中的幀的src如何更改動態

<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」有菜單欄
我這個分配在第二幀

<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警報顯示空value.I我不能夠動態的改變src。 感謝

+0

'NULL'意味着它沒有得到任何東西。檢查控制檯你有什麼錯誤 – Ahmed

+0

控制檯也表示它爲空 – user2380811

回答

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> 
+0

嗨Alex Wang,它打開一個新窗口。但我想要改變發生在同一頁 – user2380811

+0

我得到了問題解決,而不是id我使用的名稱和後面的評論亞歷克斯 – user2380811