<script type="text/javascript">
</script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
我们知道, FRAMESET的基本用途就是分割浏览器窗口,使得窗口的一部分内容改变,而其他部分保持不变。利用这个特性,就可以实现工具栏导航功能,一个 FRAME内放置静态菜单页面,用户点击其中的项目后,在另外的 FRAME内显示相关的内容。这样就可以从整体上减少文件大小,因为不必在每个内容页面中再包含菜单项目。
FRAME有2个明显的不足:
当然,导航并非是使用 FRAME的唯一原因,也可以使用 FRAME创建交换工具和交换页面。而且, FRAME的多文档框架结构非常适于被JavaScript应用程序所操作。
用FRAME设计站点
最常用的 FRAME结构就是“菜单-内容” FRAMESET。一个 FRAME内放置导航菜单,另一个 FRAME内转载子菜单,每个子菜单的链接就指向本身。唯一的有target的链接都在菜单 FRAME内。 请看下面的例程代码:
<HTML><HEAD>
<TITLE>Welcome to my site!</TITLE>
</HEAD>
< FRAMESET cols="150,*">
< FRAME name="menu" src="menu.htm">
< FRAME name="content" src="intro.htm">
</ FRAMESET>
<BODY>
<!--如果是支持 FRAME的浏览器,则不会显示下面的内容;否则,也显示出简单菜单页面-->
Welcome to my site.<P>
<A href="intro.htm">Introduction</A>
<A href="products.htm">Products</A>
<A href="reviews.htm">Reviews</A>
</BODY></HTML>
下一页:用脚本控制导航FRAME <script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
<script type="text/javascript">
</script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
E
我们知道, FRAMESET的基本用途就是分割浏览器窗口,使得窗口的一部分内容改变,而其他部分保持不变。利用这个特性,就可以实现工具栏导航功能,一个 FRAME内放置静态菜单页面,用户点击其中的项目后,在另外的 FRAME内显示相关的内容。这样就可以从整体上减少文件大小,因为不必在每个内容页面中再包含菜单项目。
FRAME有2个明显的不足:
- FRAME从另外的级别上增加了站点的管理,原因在于超级链接不仅仅要指向适当的页面,而且也会装载到相关的FRAME内。
- 另外,大多数浏览器在执行“添加书签”的操作时,只能记录下FRAMESET的初始位置。不管添加书签时是位于多么深的FRAMESET中,当再次选择这个书签时,就会返回到FRAMESET的初始页面。这就加大了访问者浏览指定内容的难度。
当然,导航并非是使用 FRAME的唯一原因,也可以使用 FRAME创建交换工具和交换页面。而且, FRAME的多文档框架结构非常适于被JavaScript应用程序所操作。
用FRAME设计站点
最常用的 FRAME结构就是“菜单-内容” FRAMESET。一个 FRAME内放置导航菜单,另一个 FRAME内转载子菜单,每个子菜单的链接就指向本身。唯一的有target的链接都在菜单 FRAME内。 请看下面的例程代码:
<HTML><HEAD>
<TITLE>Welcome to my site!</TITLE>
</HEAD>
< FRAMESET cols="150,*">
< FRAME name="menu" src="menu.htm">
< FRAME name="content" src="intro.htm">
</ FRAMESET>
<BODY>
<!--如果是支持 FRAME的浏览器,则不会显示下面的内容;否则,也显示出简单菜单页面-->
Welcome to my site.<P>
<A href="intro.htm">Introduction</A>
<A href="products.htm">Products</A>
<A href="reviews.htm">Reviews</A>
</BODY></HTML>
下一页:用脚本控制导航FRAME <script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
<script type="text/javascript">
</script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>