Rumah > Artikel > hujung hadapan web > 如何解决frameset 在 Google Chrome 中无法隐藏左边栏的问题?
本篇文章给大家带来的内容是介绍解决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,*"; }
Atas ialah kandungan terperinci 如何解决frameset 在 Google Chrome 中无法隐藏左边栏的问题?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!