<!DOCTYPE html> <html> <head lang="en"> <meta charset="utf-8"> <title>仿猫扑框架页面</title> <script> function Set(){ if(document.getElementById("main").cols == "100,45,*"){ document.getElementById("main").cols = "0,45,*" } else { document.getElementById("main").cols = "100,45,*" } } </script> </head> <frameset id="main" cols="100,12,*" framborder="0" framspacing="0" bordercolor="#ff0000"> <frame src="fmp.html" name="leftframe" noresize="noresize" scrolling="auto"/> <frame src="butt.html" name="midframe" scrolling="auto"/> <frame src="xx.html" name="rightframe" scrolling="auto"/> </frameset><noframes></noframes>
</
html
>
伸缩按钮页面
<!DOCTYPE html> <html> <head lang="en"> <meta charset="utf-8"> <title>控制伸缩</title> <script type="text/javascript"> function Click(){ parent.Set(); } </script> <style type="text/css"> *{margin: 0px; padding: 0px} </style> </head> <body> <button οnclick="Click()">缩放</button> </body> </html>
通过子窗口的click函数 利用frame的父对象parent是主页面 调用父窗口的set函数 由set函数进行对frameset的cols值重新分配三个窗口的宽度