問:
一個網頁裡面嵌入2個框架,如下圖所示,現在我想在b.htm裡寫入一段程式碼,改變Topbar這個框架的高度(原來是120),請問如何實現?最好寫出具體過程。
另外如果不能實現,有沒有辦法在b.htm裡用一張圖片跨過框架Main來覆蓋在a.htm上面(目的是使a.htm看不見)?
問題補充:a.htm是不能修改的。
請各位幫忙啊。
================================================== ====
<html>
<head>
<title></title>
</head>
<body>
<frameset rows="120, *">
<frame name="Topbar" src="a.htm" scrolling="No">
<frame name="Main" src="b.htm" scrolling="Yes">
</frameset>
</body>
</html>
================================================== ====
問題補充:謝謝ccyingfu,但是我這個嵌入框架的frameset也是不可修改的,就是說上面那段程式碼不能修改,不能加入id,怎麼辦?另外你用了個button來執行修改,那如果我想一打開網頁就執行的話該怎麼辦?
答:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
</head>
<frameset rows="120, *">
<frame name="Topbar" src="a.htm" scrolling="No">
<frame name="Main" src="b.htm" scrolling="Yes">
</frameset><noframes></noframes>
</html>
</html>
==================================
b.htm
====================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
<script type="text/javascript">
function change(height){
window.parent.document.getElementsByTagName("frameset")[0].setAttribute("rows",height+"px,*");
}
window.onload = function(){
alert("原來的高度"+window.parent.document.getElementsByTagName("frameset")[0].getAttribute("rows").substring(0, 3));
change(150);//設定150像素的高度
alert("改變後的高度"+window.parent.document.getElementsByTagName("frameset")[0].getAttribute("rows").substring(0, 3));
}
</script>
</head>
<body>
</body>
</html>
=========
你這樣試,這樣是絕對可以的。也滿足你不改frameset的要求。我只是在b.htm中加了一段js程式碼,要b.html載入完成時改變frameset的高度。原來是120,透過js改成了150,你可以將150改的大點,這樣你就能看出效果了。