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 中,会报错情况 :
无法读取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字的随笔不允许发布到首页?
下一篇: Python学习第一天