frame与iframe的区别及基本用法

Posted showcase

tags:

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

frame 和 iframe 的区别

  1、frame 不能脱离 frameset 单独使用,iframe 可以;

  2、frame 不能放到body中,否则将无法显示;

  3、iframe 也可以嵌套在frameset ,但是必须放到body中,不嵌套在frameset 中的iframe 可以随意使用;

  4、frame 的高度只能通过 frameset 控制,iframe 是自己本身控制,不能通过 frameset 设置;

  5、iframe 可以放到表格中;

 

frame 的基本用法

  由于 frame 不能脱离 frameset 单独使用,所以写法还是有所不同

<!-- 
    noresize: 规定无法调整框架的大小
    frameborder: 规定是否显示框架周围的边框 0为无边框 1为有
    marginheight: 定义框架的上方和下方的边距
    marginwidth: 定义框架的左侧和右侧的边距
    noresize: 规定无法调整框架的大小
    scrolling: 规定是否在框架中显示滚动条 yes no auto
    src:      规定在框架中显示的文档的 URL。
 -->
 <!-- 
    cols: 定义框架集中列的数目和尺寸
    rows: 定义框架集中行的数目和尺寸
  -->
<frameset rows="30%,50%">
    <frame src="frame_one.html" frameborder="0">
    <frame src="frame_two.html" frameborder="0">
</frameset>

cols 是竖排显示,rows 是横排显示。

<frameset cols="30%,50%"></frameset> 中的百分比是设置 frame 的尺寸。

 

以上是关于frame与iframe的区别及基本用法的主要内容,如果未能解决你的问题,请参考以下文章

jsp框架frameset和frame的区别和用法

JSONObject和JSONArray区别及基本用法

frame的用法

前端面试基本---this 指向(callapplybind用法及区别详解)

js onclick与addEventListener 区别及用法

window.frames用法