<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="../../../style/main.css" rel="stylesheet" type="text/css" />
<link href="../../../style/frame.css" rel="stylesheet" type="text/css" />
<script>
function switchSysBar(){
var locate=location.href.replace('main.html','');
var ssrc=document.getElementById("flexible").className;
if (ssrc=="flexible_2")
{
document.getElementById("flexible").className="flexible_1";
window.parent.con_frame.cols = "0,8,*";
}
else
{
document.getElementById("flexible").className="flexible_2";
window.parent.con_frame.cols = "160,8,*";
}
window.parent.con_frame.rows = window.parent.con_frame.rows;
}
</script>
</head>
<body>
<table width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="8" valign="middle" class="frame_tab" onclick=switchSysBar()>
<span class="navPoint" ><div id="flexible" class="flexible_2"></div></span>
<!--<span class="navPoint" ><img src="../../images/jt_2.png" name="img1" id="img1" ></span>-->
</td>
</tr>
</table>
</body>
</html>
只要在加上代码:window.parent.con_frame.rows = window.parent.con_frame.rows;
分享到:
相关推荐
主页用 frameset 嵌了两个页面,左侧为菜单栏,可以通过改变 frameset 的 cols 来收缩。别的浏览器正常,但 IE10 却没任何的反应。 代码如下:function hide_show(){if(window.parent.outer_frame.cols==”0,10,*”){...
本文将深入探讨`frameset`及其子元素`frame`的使用方法与关键属性。 #### frameset元素的基本结构 `frameset`元素是HTML文档的容器之一,用于分割浏览器窗口为多个区域,每个区域都可以加载不同的HTML页面。一个...
下面我们将详细探讨`frameset`的使用方法及其相关属性。 1. **frameset元素** `frameset`元素是包含`frame`元素的容器,它定义了页面的布局。例如: ```html <frameset rows="10%,*" frameborder="0" ...
`<frameset>`标签可以通过`rows`和`cols`属性来定义框架的布局方式。这两个属性分别用于控制框架在垂直方向和水平方向上的分割比例。 - **Rows**:定义了框架在垂直方向上的分割比例。 - **Cols**:定义了框架在...
通常,这样的博客会涵盖如何创建frameset,设置frame的属性,比如`<frame>`标签的`src`属性来指定加载的网页,`noresize`属性来禁止用户调整框架大小,以及`<frameset>`的`rows`和`cols`属性来定义框架的尺寸等。...
在不同浏览器之间,`frame`和`frameset`的显示和行为可能会有所差异,尤其是在老版本的IE6、Firefox和Google Chrome中。比如,一些CSS样式可能在某些浏览器中不被支持,或者渲染方式有所不同。因此,开发时需要考虑...
尽管`frameset`和`target`在早期的网页设计中很常见,但随着Web技术的发展,它们逐渐被更现代的布局方法如CSS Flexbox和Grid取代。使用`frameset`可能会导致搜索引擎优化问题,因为搜索引擎爬虫可能无法正确解析框架...
这里的`parent.contentFrame.location`就是引用了主页面中的`contentFrame`,并改变其`location`属性来加载新的页面。 至于内容页面(如`content.html`),它们可以是任何你想要显示的网页,只需要确保与菜单项对应...
本文将深入探讨`frameset`及其子元素`frame`、`noframes`、`iframe`的使用方法,并通过实例来解析如何设置这些元素的属性来实现复杂页面布局。 #### Frameset标签详解 `<frameset>`标签用于定义一个由多个框架组成...
在网页设计领域,"frameset遮罩"是一个重要的概念,...总的来说,frameset遮罩是一种创建交互式或动态效果的技术,但随着Web技术的发展,我们应谨慎使用frameset,并考虑采用现代的、更灵活的解决方案来实现类似功能。
<frameset cols="50%,50%"> </frameset> ``` 这段代码将浏览器窗口分为两个相等宽度的列,分别加载`page1.html`和`page2.html`的内容。 然后,我们转向`div`元素。`div`是一个无语义的容器,可以容纳其他HTML...
在网页设计领域,`<frameset>` 是一个非常重要的元素,尤其在早期的网页开发中广泛使用。`frameset` 允许我们将浏览器窗口分割成多个独立的部分,每个部分可以加载不同的网页内容,从而实现多页面同时展示的效果。...
在这个例子中,`cols`属性定义了两列,每列占50%的宽度。`<frame>`标签指定了每个框架加载的网页(`src`属性)以及框架的名称(`name`属性),这对于跨框架通信很有用。 然而,需要注意的是,W3C已经不再推荐使用...
其中,frameset标签的rows属性用于定义页面分为上下两个部分,cols属性用于定义页面分为左右两个部分。frame标签的src属性用于指定框架中的内容的来源,name属性用于指定框架的名称。 在实际项目中,我们可以使用...
3. **框架的布局**:`<frameset>`可以使用`rows`和`cols`属性来定义框架的布局。`rows`定义垂直分割,`cols`定义水平分割。例如,`<frameset cols="25%, 75%">`将页面分为两列,左列占25%,右列占75%。 4. **No...
### Frame及Frameset标签的属性详解 在网页设计与开发中,`frame`与`frameset`标签曾经是非常重要的组成部分,它们允许在一个HTML文档中显示多个独立的文档。虽然随着现代Web技术的发展(如HTML5),`frame`与`...
它的主要属性有`rows`和`cols`,用于定义框架集的行数和列数,可以是像素值、百分比或者星号(*)表示自适应大小。 例如: ```html <frameset rows="50%, 50%"> </frameset> ``` 在这个例子中,浏览器窗口被分为...
2. 列布局:使用`cols`属性来定义框架的列宽,如`cols="50%, 50%"`将页面分为两个宽度相等的区域。 3. 混合布局:可以结合`rows`和`cols`实现复杂的网格布局。 三、Frame的基本属性 1. `src`:定义框架加载的网页...
纵向排列多个窗口: <frameset cols=30%,20%,50%> <frame src="frame/A.html"> <frame src="frame/B.html"> <frame src="frame/C.html"> </frameset>