首先我们了解下一 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来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...
iframe嵌入链接本地环境正常,正式环境重定向到登录解决iframe嵌入链接本地环境正常,正式环境重定向到登录解决iframe嵌入链接本地环境正常,正式环境重定向到登录解决iframe嵌入链接本地环境正常,正式环境重定向到...
以前在面试的时候经常遇到问关于跨域的事儿,所以自己对跨域有一定的概念性了解,知道什么是跨域以及解决跨域的方法,但是具体实际从来没有操作过,直到最近在公司项目中,遇到了一个需要使iframe跨域进行POST提交的...
最近在做作业中需要在不用iframe的情况下嵌套页面,所以只好在div中嵌套,用的是jquery方法。 复制代码代码如下: [removed] $(document).ready(function() { $(“#button”).click(function() { $(“#content”)....
练习说明:使用postMessage可以在iFrame、父子窗口、跨页面等,之间相互传递消息。 你好,我是TKCB-GO,一个有着游戏策划梦想,却沦为程序员的游戏家,这是我的技术博客:www.tkcb.cc 技术博客网站里面,除了我的...
刚开始用iframe页面嵌套(第一次尝试使用),但发现iOS系统对iframe嵌套页面的高度和定位控制的不到位,具体表现为,当嵌套的子页面的高度大于父页面的高度,且子页面中有触发弹框事件时,这时,如果子页面高度远远...
[增加] 增加fixed方式的select,可用在表格、滚动弹窗中 [增加] 增加动态模板功能 [增加] 主页工作台、控制台的内容进行了补充完善 ...[优化] iframe版不需要在每个页面写loading了,由框架自动增加 [优
本文介绍了layer弹出子iframe层父子页面传值的实现方法,分享给大家,具体如下: 父页面获取子页面元素 格式: $("#iframeID").contents().find("#eleID") 示例代码: father.html <!DOCTYPE html> <...
js控制/获取a.html中iframe加载的b.html中的iframe,很多人都以为getElementById可以直接获取,其实不行的,以上代码就解决了这个问题,js控制iframe加载页面的iframe,不过测试只在IE和火狐通过,谷歌不行,其他自...
用iframe提交表单,主要是将表单提交到iframe中,可实现无刷新提交。 html页面: <iframe name="FORMSUBMIT" width="1" height="1" ></iframe> ...
Iframe自动根据类容改变自己的大小,解决Iframe设置高度后无法缩小!拜一个高人所赐,特表示感谢!
这是关于iframe使用过程中出现的问题整理的解决方法,关于使用iframe不用单独写接口打通数据,直接把数据通过ifarme嵌套方法传递过去,使用简单方便。
本文实例讲述了js改变Iframe中Src的方法。分享给大家供大家参考。具体实现方法如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title>...
首先在父页面的javascript给定义一个window.name,并赋予一个字符串值,如window.name="test",其中赋予的字符串值可以随意定义,然后在Iframe页面的Form 标签中定义target属性,并且其值也必须与之前定义的window....
解决iframe跨域消息传递的问题,并且可以多个iframe间进行消息传递
就想弄一个winform结合html5的一个小东西,突有心血来潮,想在里面嵌套一个微信网页版,下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法,一起看看吧
iframe 跨域访问session问题解决方法
外部滚动条控制iframe外部滚动条控制iframe
flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex...
iframe自适应高度和宽度