Question

JS/javascript或者jQuery操作frameset标签，隐藏某个怎么做？

框架页面：
<frameset rows="20,*,10">
<frame name="A" src="a.html">
<frame name="B" src="b.html">
<frame name="C" src="c.html">
</frameset>

疑问：
在页面b.html中需要做显示隐藏c.html页面，并且不留那10个像素的空白，求方法。

Answer 1

隐藏时通过 js 把 C 删除，显示时再创建一个 frame指向c.html，并添加到 frameset。

例如：在框架页面定义：

window.showC = function (visible) {
		
		var fs = document.getElementById("fs");
			
		if(visible) {
			var frame = document.getElementById("C");
			if(!frame) {
				frame = document.createElement("frame");
				frame.id = "C";
				frame.name = "C";
				frame.src = "c.html";
				fs.appendChild(frame);
			}
		} else {
			var frame = document.getElementById("C");
			if(frame) {
				fs.removeChild(frame);
			}
		}
	}

在 b.html 页面调用：

<button onclick="parent.showC(true);">show C</button>
<button onclick="parent.showC(false);">Hide C</button>

Answer 2

<iframe style="width:100%;height:3%;" name="a" src="a.html"></iframe>
<iframe style="width:100%;height:93%;" name="b" src="a.html"></iframe>
<iframe style="width:100%;height:3%;" name="c" src="a.html"></iframe>


这类似你之前的样式

<iframe style="width:100%;height:3%;" name="a" src="a.html"></iframe>
<iframe style="width:100%;height:97%;" name="b" src="a.html"></iframe>
<iframe style="width:100%;height:3%;display:none;" name="c" src="a.html"></iframe>


这是影藏c的

追问

iframe这样做没问题，你换frameset试试，这样不行吧

追答

那干嘛非得纠结 frameset 与 iframe 呢？

追问

老系统是frameset不能动啊，只能想办法在程序里控制了，特殊模块要隐藏，还要能显示回来！