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

最新推荐文章于 2022-07-27 12:03:10 发布

qq_29069777

最新推荐文章于 2022-07-27 12:03:10 发布

阅读量329

点赞数

分类专栏：前端文章标签： Frameset Chrome 隐藏左边栏无法隐藏

原文链接：https://www.mk2048.com/blog/blog.php?id=baijh1j0ab&title=frameset+%E5%9C%A8+Google+Chrome+%E4%B8%AD%E6%97%A0%E6%B3%95%E9%9A%90%E8%97%8F%E5%B7%A6%E8%BE%B9%E6%A0%8F%E8%A7%A3%E5%86%B3%E6%96%B9%E6%B3%95%EF%BC%81

版权

前端专栏收录该内容

1175 篇文章 2 订阅

订阅专栏

使用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 中，会报错情况：

无法读取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字的随笔不允许发布到首页？

更多专业前端知识，请上【猿2048】www.mk2048.com