框架frame

Posted jiguiyan

tags:

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

使用框架切分网页

效果:

技术图片

 

代码:

技术图片
 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         frame_a
 9     </body>
10 </html>
frame_a.html
技术图片
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        frame_2
    </body>
</html>
frame_2.html
技术图片
<html>
    
    <frameset rows="25%,75%">
        <frame  src="frame_a.html" name="framea" />
        <frame src="frame_2.html" name="frame2" />
    </frameset>
</html>
框架分页.html

 

<frameset></frameset>中的rows="25%,75%"可以同时加载上下两个页面,上面的那个页面占整个页面的1/4,下面的那个页面占3/4.,也可以分为多个页面。

 

框架的多种切分方法

效果:

 技术图片

 

 

 

代码:

技术图片
 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         
 9         frame3
10     </body>
11 </html>
fram_3.html
技术图片
<html>
    
    <frameset rows="25%,*">
        <frame  src="frame_a.html" name="framea" />
        <frameset cols="25%,*">
        <frame src="frame_2.html" name="frame2" />
        <frame src="frame_3.html" name="frame3" />
        </frameset>
    </frameset>
</html>
多种框架切分方法.html

在代码中的rows="25%,*",cols="25%,*"中的*表示剩余的比例。cols表示垂直分页,rows表示上下分页。

 

使用框架实现后台管理系统的布局

效果:

 

技术图片

 

代码:

技术图片
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body  >
        
        <div align="center">
            <br />
            欢迎来到perfect*的博客园
        </div>
    </body>
</html>
top.html
技术图片
 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <a href="apart.html" target="right">新的文章</a><!--这里的right来自于框架中frame定义的name属性值-->
 9     </body>
10 </html>
left.html
技术图片
 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <div align="center">
 9             perfect*又有新的博客发布了,欢迎浏览!!!
10         </div>
11         
12     </body>
13 </html>
right.html
技术图片
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        使用框架实现后台管理系统的布局
    </body>
</html>
apart.html
技术图片
<html>
    
    <frameset rows="10%,*">
        <frame  src="top.html" name="top" />
        <frameset cols="10%,*">
        <frame src="left.html" name="left" />
        <frame src="right.html" name="right" />
        </frameset>
    </frameset>
</html>
使用框架实现后台管理系统的布局.html

使用框架实现后台管理系统的布局.html中的target属性实现了在其它网页显示另一个网页的内容。

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

双击图标时关闭JFrame

Frame顶层框架合理大小与图标添加源代码

框架frame

text 来自Codyhouse框架的Browserlist片段源代码

带有静音片段的 Pyaudio

使用实体框架迁移时 SQL Server 连接抛出异常 - 添加代码片段