html代码框架问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html代码框架问题相关的知识,希望对你有一定的参考价值。

我用<frameset rows=*>吧网页分为了上下2个区
上面用作导航,下面是显示页面
要怎么写代码才能实现点击上面不同的导航其他地方不改变,只有下面的显示页面根据导航的不同而改变?

给个临时写个例子给你,相信可以满足你的需求:
index.html页面:主页将页面分为head和center两个部分。head作为导航,center为内容显示
<html>
<head><title>Frame测试index页面</title></head>
<frameset rows="15%,*" framespacing="0">
<frame src="head.html" noresize="noresize" name="head">
<frame src="center.html" noresize="noresize" name="center">
</frameset>
</html>
-------------------------------------------
head.html页面:这个页面作为导航,要主意的是target属性是要跟index页面的frame里的name一样,href是你要在center显示的页面,显示的地方由target来决定。
<html>
<head><title>Frame测试head页面</title></head>
<body bgcolor="#EEEEEE">
<a href="http://www.baidu.com" target="center">百度一下</a><br/>
<a href="http://www.126.com" target="center">126邮箱</a>
</body>
</html>
------------------------------------
center.html页面:center默认页面
<html>
<head><title>Frame测试center页面</title></head>
<body>
<h1>这是中间页面</h1>
</body>
</html>
提示:将内容拷贝到相应的页面。共有三个文件index.html、head.html、center.html
保存后打开运行index.html即可追问

请问要是我分为上中下三个框架,
上层决定中层内容,
中层决定底层内容
这样的要如何实现?

追答

那你就在
index主页 修改

中层页面center加上连接
腾讯

参考技术A 首先你在主页面
<frameset row=*>
<frame src="a.html">(这个a.html是上面区域的导航所在的页面)
<frame src=“content-1.html"name="content">(这个content-1是一开始就显示在下方的页面)
然后根据你在a,html里面编写几个导航,再分别与各个需要与导航连接的页面做上连接就可以了!!
如在a.html里做了两个导航
<a href="content-1.html"target="content">导航一</a>
<a href="content-2.html"target="content">导航二</a>(其中content-1和content-2分别为在下面的显示页面里通过点击导航就可以变化出现的页面。)
然后就在分别编写一下这两个content-1和content-2页面就可以了。
参考技术B <a href="url" target="想显示的frame的name属性">aaa</a>;
target属性的意思 链接显示到哪里,它有以下常用值
_self; 显示在当前窗口
_blank;重新打开新窗口显示

以上是关于html代码框架问题的主要内容,如果未能解决你的问题,请参考以下文章

JQuery让框架Iframe包含的页面能够全部显示,但是一旦跳转,框架自适应的代码就不管用了,怎么做

解决子框架嵌套的问题

帮忙写一个html 框架代码 分为四个框。有嵌套。

如何在播放框架模板的 html 标记中包含一段 java 代码?

离子框架 - Angular:在我的 html 代码中包含库不起作用

大型分布式C++框架《一:框架简介》