在我们浏览中的很多网站中都会出现导航栏，当我们点击导航栏的各项时，我们发现刷新的不是整个网页或者跳转，而是局部刷新部分页面，导航不变。例如下图，点击红色区域导航，只有蓝色区域发生改变，其他没有变化。工具/原料moretxt编辑器搜狗浏览器方法/步骤1/6分步阅读

创建一个文件夹，并创建先随便创建几个txt文件（用txt文件编写html是一种良好的习惯对于初学者而言）。

2/6

在每个txt文件下，加入标准规范代码。可以参考下图实例。

3/6

可以按行分割页面，也可以按列进行分割。很多网站都不是单一一种分割而是嵌套使用。例如如下代码的图示如下：

frameset rows=10%,* frameborder=0 framespacing=10frame src=导航1（logo） noresize=noresize scrolling=yes/frameset cols=20%,*frame src=导航2 noresize=noresize/frame src=调用内容（局部刷新页面） name=right1//frameset/frameset

4/6

在对页面进行分割时可以采用像素，也可以采用百分百，每个分割区域就得使用，隔开，如framesetrows=75xp,*，frameset rows=50%,*这两种方式都是将网页分割成两行。具体代码如下：

frameset rows=75xp,*

frame scrolling=no noresize=noresize frameborder=0 height=75 src=导航页.html name=daohangye

frame frameborder=0 class=a src=导航页.html name=contain

/frameset

5/6

通过上面代码你也应该注意到没有body元素，frame不能脱离frameSet单独使用,frame不能放在body中，而是用于对整个页面布局的效果。在属性讲解，scrolling（是否滚动窗体），noresize（分割框架大小是否可变）name（作为调用的重要依据，target=“name”），本例我导航页网站和主站实现局部刷新的功能。代码如下：

导航页：

lia href=子网页1.html target=contain子网页1/a/li

lia href=子网页2.html target=contain子网页2/a/li

主网页：

frame frameborder=0 class=a src=导航页.html（你设置的默认网页） name=contain

主页中name的值和target的值对应时，链接网站就显示在对应框体内，从而实现了局部刷新，就是导航。

6/6

然后将创建的所以txt另存为后缀为.html的文件，并运行双击主网页，对应导航。看到变化。然后点击导航相应的导航栏目，会发现下面刷新网页。

注意事项

frame是先把网页横着或竖着切开，然后引用对应页面。