FRAME 框架

最新推荐文章于 2024-09-21 19:40:25 发布

测试狗熊

最新推荐文章于 2024-09-21 19:40:25 发布

阅读量598

点赞数

分类专栏：前端知识总结文章标签： frame框架

本文链接：https://blog.csdn.net/LXLXLJLJ/article/details/83273629

版权

前端知识总结专栏收录该内容

13 篇文章 1 订阅

订阅专栏

框架：<frame rows=" "></frame>

rows属性：其值为本区大小

垂直框架：

<html>

<frameset cols="25%,50%,25%">

  <frame src="/example/html/frame_a.html">
  <frame src="/example/html/frame_b.html">
  <frame src="/example/html/frame_c.html">

</frameset>

</html>

水平框架：

<html>

<frameset rows="25%,50%,25%">

  <frame src="/example/html/frame_a.html">
  <frame src="/example/html/frame_b.html">
  <frame src="/example/html/frame_c.html">

</frameset>

</html>

混合框架：

<html>

<frameset rows="50%,50%">

<frame src="/example/html/frame_a.html">

<frameset cols="25%,75%">
<frame src="/example/html/frame_b.html">
<frame src="/example/html/frame_c.html">
</frameset>

</frameset>

</html>

含有noresize 属性垂直框架：

<html>

<frameset cols="50%,*,25%">
  <frame src="/example/html/frame_a.html" noresize="noresize" /><!-不可移动边框-->
  <frame src="/example/html/frame_b.html" />
  <frame src="/example/html/frame_c.html" />
</frameset>

</html>

导航框架：

<html>

<frameset cols="120,*">

  <frame src="/example/html/html_contents.html">
  <frame src="/example/html/frame_a.html" name="showframe">

</frameset>

</html>

导航框架html_contents.html代码：

<html>
<head>
<meta charset="utf-8">
<title>html_contests</title>
</head>
<body bgcolor="#FFA500">
<a href="frame_a.html" target="showframe">Frame_a</a></br><!-target:目标、锚点等-->
<a href="frame_b.html" target="showframe">Frame_b</a></br>
<a href="frame_c.html" target="showframe">Frame_c</a></br>
</body>
</html>

查询区别：HTML <frameset> 标签的 cols 属性和 rows 属性

框架显示： https://www.vdisk.cn/foxarc/12494825.html

原创博文，转载请注明出处：http://www.cnblogs.com/dereksunok/p/3724764.html 一个简单的页面弹窗插件