首先我们了解下一 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) 的方式将播放器嵌入网站，并不适用
分享到：
相关推荐
基于iframe优雅实现全新的微前端方案，继承iframe的优点，补足 iframe 的缺点，让 iframe 焕发新生。 适合人群：具备一定编程基础，工作1-3年的研发人员 能学到什么： 1、使用postMessage方法来完成基座项目和子...
在网页开发中，`<iframe>`元素是一种非常实用的工具，它允许我们在一个页面中嵌入另一个页面的内容，实现页面的组合或者隔离加载。然而，`<iframe>`的高度自适应问题常常困扰着开发者，尤其是当`<iframe>`内部的内容...
本篇文章将深入探讨两个关键知识点：`iframe`跨域问题以及`iframe`页面的自适应。 一、`iframe`跨域问题 跨域是Web开发中的一个重要概念，它限制了浏览器从一个源获取另一个源的资源，以保护用户的安全。当`iframe...
在使用easyui框架开发Web应用时，特别是在使用tab布局的时候，开发者可能会遇到页面内容被放置在iframe中时，页面多次加载的问题。这种情况尤其会在使用easyui的tab布局时发生，因为easyui会默认加载所有tab的内容，...
这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能，其中包括： 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...
本实例“iframe对另一个iframe控制的Demo”展示了如何通过JavaScript或者jQuery实现一个iframe对另一个iframe的交互，以及如何控制iframe的显示与隐藏。这种技术广泛应用于构建复杂的Web应用程序，如页面内的多窗口...
`iframe`跨域消息传递是解决这个问题的关键技术，它允许不同源的`iframe`和主页面之间安全地交换数据。 标题"iframe消息监听传递"主要涉及到两个核心概念：`postMessage`和`message`事件。这两个API是HTML5引入的，...
在前端开发过程中，DIV元素被IFRAME遮挡是一个常见的问题，尤其是当页面布局复杂或存在多层嵌套的元素时。以下将详细阐述几种DIV被IFRAME遮挡的情况，并提供相应的解决方法。 首先，要了解的是IFRAME是一种HTML元素...
Iframe 内存泄露分析 Iframe 内存泄露分析是指在使用 Iframe 时，由于互相引用、闭包、跨页面泄漏、伪泄漏等原因，导致浏览器内存泄漏的问题。这种问题在 Ajax 盛行以前并不是什么大问题，因为都是通过页面跳转和...
本文将详细讲解如何利用IFrame解决这些问题，特别是针对Flex菜单的遮挡问题。 首先，理解Flex和IFrame的基本概念是必要的。Flex是一种基于ActionScript和MXML的开源框架，用于构建富互联网应用程序（RIA）。而...
然而，有时嵌入的网页内容尺寸可能会超过iframe的可视区域，这时浏览器会自动为iframe添加滚动条，以便用户能够滚动查看整个内容区域。虽然这对于某些情况可能是必要的，但在其他一些情况下，开发者可能希望去除滚动...
本篇文章将详细讲解如何利用jQuery实现iframe页面的切换功能，以便于创建更丰富的用户体验和更高效的页面加载策略。 首先，我们需要理解iframe的基本概念。Iframe（Inline Frame）是HTML中的一个元素，它允许我们在...
### iframe高度自适应技术详解 在网页开发过程中，经常会遇到需要在一个页面中嵌入另一个页面的需求，这通常通过HTML的`iframe`元素实现。然而，一个常见的问题是当嵌入的内容高度变化时，如何使`iframe`的高度能够...
### iframe自适应高度和宽度详解 在Web开发中，`iframe`（Inline Frame）是一种常用的HTML元素，用于在当前页面内嵌入另一个HTML文档。它能够实现页面内部局部刷新的效果，广泛应用于各种复杂的网页布局中。然而，...
在多页面交互的场景下，`iframe`中的子页面与父页面以及与其他兄弟`iframe`之间的通信就显得尤为重要。本文将详细讲解如何实现`iframe`兄弟页面之间的相互调用。 首先，理解`iframe`的结构是关键。一个`iframe`元素...
其中，"js调用-嵌入iframe"是JS在处理页面元素，特别是与IFrame（内联框架）交互时的一个重要技术。IFrame允许在单一网页中嵌入另一个网页，从而实现内容的复用或隔离。下面我们将详细探讨这一主题。 **1. IFrame...
### 外部滚动条控制iframe：深入解析与实践 在网页设计中，iframe（Inline Frame）是一种常用的HTML元素，用于在当前文档内嵌入另一个HTML文档。然而，默认情况下，iframe内的滚动行为是独立于主页面的，即其滚动条...
标题“iframe（图片过渡效果欣赏）”暗示我们将探讨如何使用`iframe`来创建引人注目的动态图片展示。 `iframe`的基本语法如下： ```html <iframe src="URL" width="宽度" height="高度" frameborder="0" scrolling=...
然而，由于`iframe`本质上是独立的窗口，因此在不同`iframe`之间传递数据可能会遇到跨域问题。本篇文章将详细介绍如何使用JavaScript来实现在`iframe`之间传递值。 1. 同源策略与跨域限制： JavaScript遵循同源...
在这种情况下，`<iframe>` 标签成为了一个非常实用的工具。`iframe` 是 "inline frame" 的缩写，它允许我们在主页面中嵌入一个独立的、可自定义的子页面。下面我们将详细讲解如何使用`iframe`在网页中嵌入其他网页的...