首先看主页面代码：
<frameset rows="75,*" cols="*" frameborder="no" border="0" framespacing="0" >
<frame src="header.html" name="topFrame" frameborder="no" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" height="75"/>
<frameset name="myFrame" id="myFrame" cols="183,8,*" frameborder="no" border="0" framespacing="0">
<frame src="subMenu.html" name="leftFrame" id="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="sidebar" width="183"/>
<frame src="switch.html" name="midFrame" id="midFrame" frameborder="no" scrolling="No" noresize="noresize" id="midFrame" title="midFrame" />
<frame src="main.html" name="mainFrame" id="mainFrame" title="main"/>
</frameset>
</frameset>
<noframes>
switch.html代码：
</head>
<script type="text/javascript" language="JavaScript">
function Submit_onclick(){
var win = window.parent.document.getElementById("myFrame");
if(win.cols == "183,8,*") {
win.cols="0,8,*";
document.getElementById("ImgArrow").src="resourse/switch_right.gif";
document.getElementById("ImgArrow").alt="打开左侧导航栏";
} else {
win.cols="183,8,*";
document.getElementById("ImgArrow").src="resourse/switch_left.gif";
document.getElementById("ImgArrow").alt="隐藏左侧导航栏";
}
}
function MyLoad() {
if(window.parent.location.href.indexOf("MainUrl")>0) {
window.top.midFrame.document.getElementById("ImgArrow").src="resourse/switch_right.gif";
}
}
</script>
<body onload="MyLoad()">
<div id="switchpic"><a href="javascript:Submit_onclick()"><img src="resourse/switch_left.gif" alt="隐藏左侧导航栏" id="ImgArrow" /></a></div>
</body>
</html>
核心代码：var win = window.parent.document.getElementById("myFrame");
win.cols="0,8,*";
页面使用frameSet构建框架。最初我使用parent.myFrame.cols来设置左侧菜单的显示隐藏。、
在IE8下测试通过，但是FF下却提示parent.Frame没有定义。后来才发现FF下不能直接通过Frame ID来访问
IE FF下都可以通过name来访问 但是 FrameSet并不支持name属性。
因此上面的window.parent.myFrameFset =》window.parent.document.getElementById("myFrame");
转自：http://hi.baidu.com/vict0323/blog/item/7112e6ef22985ce0b3fb95f3.html
分享到：
相关推荐
本教程将深入讲解如何利用jQuery库来实现一个在IE6、IE7以及Firefox浏览器下都能正常工作的左侧树形菜单。jQuery是一个强大的JavaScript库，它简化了DOM操作、事件处理和动画效果，使得开发者能够更高效地构建动态...
在Firefox、IE7、IE8以及Chrome等现代浏览器中，这段代码可以正常工作。然而，当运行在IE6上时，问题出现了：`.left`元素无法正确隐藏。这是因为IE6在处理溢出内容时与现代浏览器有所不同。当内容的宽度或高度超出其...
这段代码可用于获取屏幕的基本信息，例如宽度、高度等，这对于调整透明层的位置和大小非常有用。 #### 四、综合示例 下面是一个综合示例，演示如何结合CSS和JavaScript实现一个简单的透明层效果： 1. **HTML结构...
支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注：ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...
支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注：ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...
- **兼容性问题**：虽然目前仅Windows 8自带的IE10浏览器支持云同步功能，但对于其他版本或品牌的浏览器（如Chrome、Firefox等），它们也有各自的云同步解决方案。 #### 四、总结 通过上述步骤，我们可以轻松地在...
在这个"Javascript左边导航条的例子"中，我们将会探讨如何利用JavaScript来创建一个适用于火狐、IE和Chrome等主流浏览器的左侧导航栏。 首先，创建这样的导航条通常涉及到HTML结构、CSS样式和JavaScript功能的结合...
- **详细解释**: 目前广泛使用的浏览器之一是 Internet Explorer (IE)，尽管随着 Chrome 和 Firefox 的流行，IE 的市场份额有所下降。 #### 16. ACCESS 中的数据类型 - **知识点**: ACCESS 中支持的数据类型。 - **...
所有现代浏览器，包括Internet Explorer（IE）、Firefox和Opera，都内置了对JavaScript的支持。然而，出于安全或者测试目的，有时我们需要开启或关闭JavaScript的执行。 在Internet Explorer中，启用JavaScript的...