本篇文章给大家带来的内容是介绍解决frameset 在 google chrome 中无法隐藏左边栏问题的方法 。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。
使用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,*"; } }
<p id="oa_tree" onclick="oa_tool();" title="隐藏工具栏"><br> <img id="frameshow" src="p_1.gif"></p>
但是在 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,*";}
以上就是如何解决frameset 在 google chrome 中无法隐藏左边栏的问题？的详细内容。