首先我们了解下一 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`都可以实现多窗口布局的效果,但在实际应用中,`IFRAME`由于其更好的兼容性和灵活性,已经成为更受欢迎的选择。
- **<IFRAME>**: 与 `<FRAME>` 类似,但 `<IFRAME>` 可以独立于框架集存在,更灵活,常用于嵌入小块内容或者动态加载内容。 - ****: 当用户的浏览器不支持框架时,`<NOFRAMES>` 内的内容将作为替代显示。 ### 框架...
里面包含了frameset,frame以及iframe的一些技术的演练,希望对大家有帮助,如果有什么补充或疑问,可以加QQ374053115进行和我讨论交流,互相进步!里面代码均手写,大致功能都已经实现,如果错误欢迎指出!
接下来,我们将详细讨论frame、iframe和frameset的区别和用法。 **Frame** Frame标签已经不再被推荐使用,因为它已从HTML5标准中废弃。在早期的HTML版本中,frame标签用于定义一个框架,让页面的一部分可以加载另...
- `iframe`支持更多的现代Web技术,如CSS3和JavaScript,而`frame`在某些现代浏览器中的支持不如`iframe`。 在实际应用中,需要根据需求和浏览器兼容性选择合适的框架元素。需要注意的是,虽然框架可以提供复杂布局...
本文将深入探讨如何在`frame`和`iframe`之间进行JavaScript(JS)的相互访问,以及相关的知识点。 1. **frame与iframe的区别** - `frame`是HTML4中的元素,它被用作`frameset`的一部分,用来分割窗口或框架。而`...
JS 操作 Frameset、Frame、Iframe 对象可以实现框架之间的互相访问和控制。 Frameset 对象 Frameset 对象是 HTML 中的框架集,它可以包含多个 Frame 对象。Frameset 对象可以通过 `window.frames` 属性来访问,...
本文主要探讨了如何使用JavaScript来操作HTML中的frameset、frame和iframe元素,这些元素在构建多页面布局和实现页面间交互时非常常见。在HTML中,frameset定义了一个框架集,而frame和iframe则用于嵌入单独的HTML...
在这个场景中,"dom网页frame枚举"指的是利用DOM来遍历和管理网页中嵌入的frame或者iframe元素。 Frame和Iframe都是HTML中用于嵌入其他网页或资源的元素。它们允许开发者将多个独立的文档或页面组合到一个单一的...
总的来说,`frame`适合创建固定的多窗口布局,而`iframe`更适合需要动态插入和更新内容的场景,或者在保持页面整体结构不变的情况下,灵活展示不同内容的需求。在实际应用中,开发者应根据项目需求、浏览器兼容性和...
框架技术主要包括`<FRAMESET>`、`<FRAME>`、`<NOFRAMES>`和`<IFRAME>`四个主要标记。 1. ****: `<FRAMESET>`标记用于定义框架集,它是框架布局的基础。通过`rows`和`cols`属性来决定框架的行数和列数。例如,`...
ASP.NET 中使用 iframe 动态加载页面 ASP.NET 中使用 iframe 动态加载页面是指在 ASP.NET 应用程序中使用 iframe ...因此,在使用 iframe动态加载页面时,需要注意安全性和性能问题,合理设计和实现 iframe 的使用。
总结来说,实现"多个iframe,显示其中一个frame中的div,并处于最上层显示"的功能,涉及了HTML的`iframe`标签、CSS的`z-index`属性、JavaScript的`postMessage`通信以及动态创建和操作DOM元素的技巧。通过这些技术,...
通过本文,我们将详细介绍 Frame 对象和 ContentWindow 对象的概念、区别、使用方法和实际应用场景。 Frame 对象 Frame 对象是 HTML 文档中的一个窗口对象,它可以包含一个或多个 HTML 文档。Frame 对象可以是独立...
高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域认证。 提供了一系列的页面大小的计算方法来支持复杂的CSS布局。 检测修改DOM可以使网页大小使用MutationObserver。 发现可以导致页面大小...
在网页开发中,`iframe`(Inline Frame)是一种非常实用的元素,它可以将一个完整的HTML文档嵌入到当前页面中,常用于实现页面组件化、加载外部内容或隐藏页面加载等场景。本篇文章将深入探讨两个关键知识点:`...
在编程领域,特别是Web开发中,`frame`和`parent`的概念主要与HTML框架(Frames)和DOM(Document Object ...虽然现代Web开发中`frame`已经逐渐被`iframe`取代,但理解这些基本概念对于理解和解决问题仍然十分关键。
1、为ScriptManager添加脚本引用,不从ScriptResource.axd中加载MicrosoftAjax.js脚本,而是直接加载 ~/ScriptLibrary/System.Web.Extensions/1.0.61025.0/MicrosoftAjax.js" /> 2、修改MicrosoftAjax....
在Web应用中经常会遇到frame/iframe表单嵌套页面的应用,WebDriver只能在一个页面上对元素识别与定位,对于frame/iframe表单内嵌页面上的元素无法直接定位。这时就需要通过switch_to.frame()方法将当前定位的主体...
在IT行业中,网页开发是一项重要的任务,而框架和iframe的使用是其中不可或缺的部分。"可以左右拖动的iframe框架"是一种创新的实现方式,它允许用户通过鼠标在水平方向上移动iframe,从而提供了更灵活的网页布局和...