`

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`属性来决定框架的行数和列数。例如,`...

    可以左右拖动的iframe框架

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

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

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

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

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

    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()方法将当前定位的主体...

Global site tag (gtag.js) - Google Analytics