当前位置： 移动技术网 > IT编程>网页制作>CSS > frameset 在 Google Chrome 中无法隐藏左边栏解决方法！

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

2018年10月22日  | 移动技术网IT编程  | 我要评论

使用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字的随笔不允许发布到首页？

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网