动态控制框架

用在任意框架内的页面，不能用在框架页面上
function hiddenMenu(){
var menu=window.parent.document.getElementsByTagName("frameset")[0];
menu.cols="0,*"
}
function showMenu(){
var menu=window.parent.document.getElementsByTagName("frameset")[0];
menu.cols="200,*"
}

解决方案 »

  1.   

    兄弟，我不懂你的意思，请解释一下GetElementByTagName这个函数是怎样用的？
      

  2.   

    window.parent.document.getElementsByTagName("frameset")[0];得到框架页的每一个<frameset>标签
    menu.cols="0,*"设置此标签的cols属性
      

  3.   

    这是一个框架页
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <frameset rows="85,*" cols="*" frameborder="NO" border="0" framespacing="0">
      <frame src="title.htm" name="topFrame" scrolling="NO" noresize>
      <frameset rows="*" cols="200,*" framespacing="0" frameborder="NO" border="0">
        <frame src="menu.htm" name="menuFrame" scrolling="NO">
        <frame src="right.htm" name="mainFrame" scrolling="AUTO" noresize>
      </frameset>
    </frameset>
    <noframes><body>
    </body></noframes>
    </html>
    <frameset>标签是控制框架分割样式的,rows属性是长度,cols属性是宽度,一般是手工指定的，以上的函数是可以动态控制,rows和cols的，所以可以实现动态改变框架样式，不过这两个函数要放在框架内的页面来执行，框架页是不能用JS的
      

  4.   

    如果对框架页不清楚，参考一下html语法吧