<!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`可能会导致搜索引擎优化问题，因为搜索引擎爬虫可能无法正确解析框架...
在这个例子中，`<frameset cols="50%,50%">`创建了一个两列的布局，每列占总宽度的50%。`<frame>`元素则定义了每个框架要显示的页面，这里分别是"left.html"和"right.html"。 接着，我们来看"frame"。`<frame>`是...
这里的`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`：定义框架加载的网页...