欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

frameset 在 Google Chrome 中无法隐藏左边栏解决方法!

程序员文章站 2022-07-02 21:14:58
使用Frameset 框架,发现在IE下, 但是在 Google Chrome 中,会报错情况 : 无法读取cols属性。 解决方案: Frameset 添加ID,在JS中 使用 document.getElementById 来获取ID 的 cols 最后吐槽:为什么少于150字的随笔不允许发布到 ......

使用frameset 框架,发现在ie下,

<frameset name="maindefine" cols="200,10,*" frameborder="no"  border="0" framespacing="0" rows="*">
      <frame name="leftframe" noresize scrolling="auto" src="<%= pagetitle %>" >
      <frame name="middleframe" scrolling="no" noresize src="switchbar.html">
      <frame name="mainframe" id ="mainframe" scrolling="auto" noresize src="addtabs.aspx">
    </frameset>

  

switchbar.html 页面中,可以使用js 控制左边栏的显示、隐藏
function oa_tool() {
            if (window.parent.maindefine.cols == "0,10,*") {
                frameshow.src = "p_1.gif";
                oa_tree.title = "隐藏工具栏"
                window.parent.maindefine.cols = "200,10,*";
            }
            else {
                frameshow.src = "p_2.gif";
                oa_tree.title = "显示工具栏"
                window.parent.maindefine.cols = "0,10,*";
            }
        }

  

<div id="oa_tree" onclick="oa_tool();" title="隐藏工具栏">
                    <br>
                    <img id="frameshow" src="p_1.gif">
                </div>

  但是在 google chrome 中,会报错情况 : 

frameset 在 Google Chrome 中无法隐藏左边栏解决方法!

无法读取cols属性。

 

解决方案:

<frameset id="maindefine" name="maindefine" cols="200,10,*" frameborder="no"  border="0" framespacing="0" rows="*">
      <frame name="leftframe" noresize scrolling="auto" src="<%= pagetitle %>" >
      <frame name="middleframe" scrolling="no" noresize src="switchbar.html">
      <frame name="mainframe" id ="mainframe" scrolling="auto" noresize src="addtabs.aspx">
    </frameset>

  frameset 添加id,在js中 使用 document.getelementbyid 来获取id 的 cols 

if (parent.document.getelementbyid('maindefine').cols == "0,10,*") {
                frameshow.src = "p_1.gif";
                oa_tree.title = "隐藏工具栏"
                parent.document.getelementbyid('maindefine').cols = "200,10,*";
            }
            else {
                frameshow.src = "p_2.gif";
                oa_tree.title = "显示工具栏"
                parent.document.getelementbyid('maindefine').cols = "0,10,*";
            }

  

 

最后吐槽:为什么少于150字的随笔不允许发布到首页?