`

Frame和iFrame异同

阅读更多

首先我们了解下一 Frameset标签 的相关属性:

<frameset cols=数字或比例,数字或比例>(左右分割框架)或
<frameset rows=数字或比例,数字或比例>(上下分割框架)

代码也可以写成这样 :
<frameset cols=120,*>

用*的意思是左边的页面长度为120,而剩余的空间都留给右边的页面显示和使用。

在<frameset>之后还要加上<frame>的代码:
1、如果左边页面的显示网页为left.htm, 而右边页面显示的网页为right.htm,代码将如下所示 :

<frameset cols=120,*>
<frame src="left.htm">
<frame src="right.htm">
</frameset>

2、如果上边页面的显示网页为top.htm, 而下边页面显示的网页为foot.htm,代码将如下所示 :
<frameset rows=30,*>
<frame src="top.htm">
<frame src="foot.htm">
</frameset>

■<frameset>标签控制属性如下 :

framespacing=控制两个frame之間的距离;
frameborder=控制frame外框的粗细;
border=控制外框粗细,不外框便设成0
要分割页面的原始码如下,不須加上<body>标签 :

<html>
<head>
<title>
我的网站
</title>
</head>
<frameset cols=200,* frameborder="0" framespacing="0" border="0">
<frame src="left.htm">
<frame src="right.htm">
</frameset>
</html>


■frame标签的其它属性如下:
<frame>是用来表述被分割的每一个小窗口的情况的,其主要属性有:

src:指定每个frame链接文件的路径,即链接文件所在的目录。

marginwidth:设置文件与左右边框的距离。

marginheight:设置文件与上下边框的距离。

noresize:禁止浏览者改变frame的大小。

scrolling:设置滚动条是否显示,一共有三个参数:yes(显示)、no(不显示)和auto(由浏览器自动判断是否显示滚动条),缺省值是auto。

name:设置frame的名字。(可控制超链接出现位置)


<frame src="left.htm" name="left">
<frame src="right.htm" name="right">

比如我们想要在按下左边页面里的的链接时,只改变右边页面的內容,则在在左边页面的链接目标里要加上:
<a href="http://bbs.cuiz.net" target="right">回论坛首页</a>

请注意链接中target的定义为_parent,这属于4个特殊的保留值。它们是:
_parent:在当前FRAMESET位置显示新href;
_top:   在当前整个窗口位置显示新href,比如本身FRAMESET位于另一个FRAMESET中;
_self:  强制在当前FRAME中显示新href;
_blank: 在新窗口中显示href;

这里定义的是右边框架内显示。

◆◆下面简要说明一下<iframe>标签的用法与属性◆◆

  一、<iframe>也应该是框架的一种形式,它与<frame>不同的是,iframe可以嵌在网页中的任意部分。我们举第一个例子,具体代码如:
<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>,这里的URL可以是相对路径,也可以是绝对路径

width表示宽度,height表示高度,可根据实际情况调整。
scrolling表示是否显示页面滚动条,可选的参数为auto、yes、no,如果省略这个参数,则默认为auto。

  二、如何实现页面上的超链接指向这个嵌入的网页
只要给这个iframe命名就可以了。方法是<iframe name=**>,例如我命名为player,写入这句HTML语言< iframe width=640 height=25 name=player frameborder=0 src=http://www.cuiz.net/player.htm> </iframe>,
然后,网页上的超链接语句应该写为:<a href=URL target=cuiz>打开播放器</a>


 下面是一个<iframe>标签实例:

  <iframe name="exobud_mp" src="PlayerMP/exobud.html"
   width="640" height="25" marginwidth="0" marginheight="0"
   border="0" frameborder="0" scrolling="no"></iframe>

 ☆以上设定框架大小的数值仅供参考。一般来说,长条形状的播放器会占用面积大约为 640~760px(像素) 的宽度乘以 20~25px(像素) 的高度。
 (若使用字幕功能,需额外增加 60px 的高度)

☆☆☆☆下面给出几个播放器加入页面内的范例☆☆☆☆

  1、使用网页框架 (frameset) 方式的嵌入法范例(上下型--播放器在下边):

  <frameset rows="*,25" framespacing="0" border="0" frameborder="0">
    <frame name="index" src="http://bbs.cuiz.net" noresize>
    <frame name="exobudmp" src="PlayerMP/exobud.html" scrolling="no" noresize>
  </frameset>

  2、使用网页框架 (frameset) 方式的嵌入法范例(上下型--播放器在上边):

  <frameset rows="30,*" framespacing="0" border="0" frameborder="0">
    <frame name="exobudmp" src="PlayerMP/exobud.html" scrolling="no" noresize>
    <frame name="index" src="http://bbs.cuiz.net" noresize>
  </frameset>

  3、使用网页框架 (frameset) 方式的嵌入法范例(左右型--播放器在左边):

  <frameset cols="200,*" framespacing="0" border="0" frameborder="0">
    <frame name="exobudmp" src="PlayerMP/exobud.html" scrolling="no" noresize>
    <frame name="index" src="http://bbs.cuiz.net" noresize>
  </frameset>

☆☆进行播放器嵌入网站的动作时,请注意:

  1. 您必须了解HTML的框架语法如何应用,以及懂得利用纯文本编辑器来设定框架
     语法。若您仍未掌握框架语法的写法,请先在网路上搜索有关资料了解一下。

  2. 无论使用任何方式的语法 (包括Javascript等) 将播放器嵌入网站,您都必须
     确保当浏览者转换网页时,不会同时整理播放器所在的网页,因而影响播放器
     的动作。

  3. 如果您不熟悉HTML语法,最好不要使用以内嵌框架 (iframe) 的方式将播放器
     嵌入网站,除非您已明白您的网站版面设计适合使用以此方式嵌入播放器。

  4. 以上说明使用框架 (frameset或iframe) 的方式将播放器嵌入网站,并不适用
     于以弹出式窗口 (Pop-up Window) 打开的播放器。(以上说明参考部分繁体版说明)

分享到:
评论

相关推荐

    FRAME与IFRAME的使用方法与区别

    ### FRAME与IFRAME的使用方法与区别 #### 框架的基本概念 ...综上所述,虽然`FRAME`和`IFRAME`都可以实现多窗口布局的效果,但在实际应用中,`IFRAME`由于其更好的兼容性和灵活性,已经成为更受欢迎的选择。

    frame,iframe.frameset用法和区别

    - **&lt;IFRAME&gt;**: 与 `&lt;FRAME&gt;` 类似,但 `&lt;IFRAME&gt;` 可以独立于框架集存在,更灵活,常用于嵌入小块内容或者动态加载内容。 - ****: 当用户的浏览器不支持框架时,`&lt;NOFRAMES&gt;` 内的内容将作为替代显示。 ### 框架...

    frameset/frame/iframe实例演示

    里面包含了frameset,frame以及iframe的一些技术的演练,希望对大家有帮助,如果有什么补充或疑问,可以加QQ374053115进行和我讨论交流,互相进步!里面代码均手写,大致功能都已经实现,如果错误欢迎指出!

    frame,iframe,frameset区别pdf

    接下来,我们将详细讨论frame、iframe和frameset的区别和用法。 **Frame** Frame标签已经不再被推荐使用,因为它已从HTML5标准中废弃。在早期的HTML版本中,frame标签用于定义一个框架,让页面的一部分可以加载另...

    frame,iframe,frameset用法和区别

    - `iframe`支持更多的现代Web技术,如CSS3和JavaScript,而`frame`在某些现代浏览器中的支持不如`iframe`。 在实际应用中,需要根据需求和浏览器兼容性选择合适的框架元素。需要注意的是,虽然框架可以提供复杂布局...

    frame,iframe,中的js的相互访问示例

    本文将深入探讨如何在`frame`和`iframe`之间进行JavaScript(JS)的相互访问,以及相关的知识点。 1. **frame与iframe的区别** - `frame`是HTML4中的元素,它被用作`frameset`的一部分,用来分割窗口或框架。而`...

    js 操作 frameset frame iframe对象

    JS 操作 Frameset、Frame、Iframe 对象可以实现框架之间的互相访问和控制。 Frameset 对象 Frameset 对象是 HTML 中的框架集,它可以包含多个 Frame 对象。Frameset 对象可以通过 `window.frames` 属性来访问,...

    对frameset、frame、iframe的js操作.pdf

    本文主要探讨了如何使用JavaScript来操作HTML中的frameset、frame和iframe元素,这些元素在构建多页面布局和实现页面间交互时非常常见。在HTML中,frameset定义了一个框架集,而frame和iframe则用于嵌入单独的HTML...

    dom网页frame枚举

    在这个场景中,"dom网页frame枚举"指的是利用DOM来遍历和管理网页中嵌入的frame或者iframe元素。 Frame和Iframe都是HTML中用于嵌入其他网页或资源的元素。它们允许开发者将多个独立的文档或页面组合到一个单一的...

    iframe与frame的区别

    总的来说,`frame`适合创建固定的多窗口布局,而`iframe`更适合需要动态插入和更新内容的场景,或者在保持页面整体结构不变的情况下,灵活展示不同内容的需求。在实际应用中,开发者应根据项目需求、浏览器兼容性和...

    \faremeset,frame,iframe属性大全.doc

    框架技术主要包括`&lt;FRAMESET&gt;`、`&lt;FRAME&gt;`、`&lt;NOFRAMES&gt;`和`&lt;IFRAME&gt;`四个主要标记。 1. ****: `&lt;FRAMESET&gt;`标记用于定义框架集,它是框架布局的基础。通过`rows`和`cols`属性来决定框架的行数和列数。例如,`...

    asp.net 中使用iframe动态加载页面

    ASP.NET 中使用 iframe 动态加载页面 ASP.NET 中使用 iframe 动态加载页面是指在 ASP.NET 应用程序中使用 iframe ...因此,在使用 iframe动态加载页面时,需要注意安全性和性能问题,合理设计和实现 iframe 的使用。

    多个iframe,显示其中一个frame中的div,并处于最上层显示

    总结来说,实现"多个iframe,显示其中一个frame中的div,并处于最上层显示"的功能,涉及了HTML的`iframe`标签、CSS的`z-index`属性、JavaScript的`postMessage`通信以及动态创建和操作DOM元素的技巧。通过这些技术,...

    frame与contentwindow对象

    通过本文,我们将详细介绍 Frame 对象和 ContentWindow 对象的概念、区别、使用方法和实际应用场景。 Frame 对象 Frame 对象是 HTML 文档中的一个窗口对象,它可以包含一个或多个 HTML 文档。Frame 对象可以是独立...

    iframe自适应宽高

    高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域认证。 提供了一系列的页面大小的计算方法来支持复杂的CSS布局。 检测修改DOM可以使网页大小使用MutationObserver。 发现可以导致页面大小...

    iframe跨域常用问题和iframe页面自适应

    在网页开发中,`iframe`(Inline Frame)是一种非常实用的元素,它可以将一个完整的HTML文档嵌入到当前页面中,常用于实现页面组件化、加载外部内容或隐藏页面加载等场景。本篇文章将深入探讨两个关键知识点:`...

    frame 的 parent 是谁?

    在编程领域,特别是Web开发中,`frame`和`parent`的概念主要与HTML框架(Frames)和DOM(Document Object ...虽然现代Web开发中`frame`已经逐渐被`iframe`取代,但理解这些基本概念对于理解和解决问题仍然十分关键。

    解决ASP.NET AJAX在frame及iframe中跨域访问的问题

    1、为ScriptManager添加脚本引用,不从ScriptResource.axd中加载MicrosoftAjax.js脚本,而是直接加载 ~/ScriptLibrary/System.Web.Extensions/1.0.61025.0/MicrosoftAjax.js" /&gt; 2、修改MicrosoftAjax....

    Python爬虫之Selenium中frame/iframe表单嵌套页面

    在Web应用中经常会遇到frame/iframe表单嵌套页面的应用,WebDriver只能在一个页面上对元素识别与定位,对于frame/iframe表单内嵌页面上的元素无法直接定位。这时就需要通过switch_to.frame()方法将当前定位的主体...

    可以左右拖动的iframe框架

    在IT行业中,网页开发是一项重要的任务,而框架和iframe的使用是其中不可或缺的部分。"可以左右拖动的iframe框架"是一种创新的实现方式,它允许用户通过鼠标在水平方向上移动iframe,从而提供了更灵活的网页布局和...

Global site tag (gtag.js) - Google Analytics