其他分享
首页 > 其他分享> > Frame框架窗口类型(8月3日遗漏的随笔)

Frame框架窗口类型(8月3日遗漏的随笔)

作者:互联网

转载自https://www.cnblogs.com/Renyi-Fan/p/9216866.html

目录

 

 

回到顶部

>  一、总结(点击显示或隐藏总结内容)

一句话总结:

 

1、点左侧的a链接如何打开右侧页面?

<a href='user/index.html' target='right'><button>查看用户</button></a>

 

2、如何在一个窗口中退出到最外层的窗口?

<a href="login.html" target='_top'><button>退出</button></a>

 

3、frame框架的形式是什么样的?

frameset+frame的形式

<frameset rows="60,*" frameborder='1' border='1px'>        
    <frame src='top.html' name='top'>
    <frameset cols='100,*'>
        <frame src='left.html' name='left' noresize>
        <frame src='right.html' name='right'>
    </frameset>
</frameset>

 

 

 

回到顶部

二、Frame框架窗口类型

1、相关知识

iframe内嵌框架:
<iframe src="http://localhost/web" frameborder="0"></iframe>

frame框架:
<frameset rows="60,*" frameborder='1' border='1px'>        
    <frame src='top.html' name='top'>
    <frameset cols='100,*'>
        <frame src='left.html' name='left' noresize>
        <frame src='right.html' name='right'>
    </frameset>
</frameset>

点左侧的a链接如何打开右侧页面:
<a href='user/index.html' target='right'><button>查看用户</button></a>

如何在一个窗口中退出到最外层的窗口:
<a href="login.html" target='_top'><button>退出</button></a>

2、截图

 

 

3、代码

复制代码
 1 <!doctype html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>index</title>
 6 </head>
 7 <frameset rows="60,*" frameborder='1' border='1px'>        
 8     <frame src='top.html' name='top'>
 9     <frameset cols='100,*'>
10         <frame src='left.html' name='left' noresize>
11         <frame src='right.html' name='right'>
12     </frameset>
13 </frameset>
14 </html>
复制代码

标签:总结,窗口,框架,遗漏,Frame,随笔,frame,页面
来源: https://www.cnblogs.com/yanyanstyle/p/11298008.html