iframe嵌入网页的用法
2009-12-28 10:56
218 查看
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=**>,例如我命名为aa,写入这句HTML语言<iframe width=420 height=330 name=aa frameborder=0 src=http://www.cctv.com></iframe>,然后,网页上的超链接语句应该写为:<a href=URL target=aa>
效果如下,请点击这里:中央电视台
三、如果把frameborder设为1,效果就像文本框一样,如下:
网页树树版权声明:
此文为Webshu.com独家撰稿,著作权属作者所有。
传统媒体、公众站点转载请事先联系Webshu编辑。
此文网址 http://www.webshu.com/tutorial/tor/7,id=0408.htm
转:
属性如下:
SRC=URI 嵌入式柜架的页面文件路径
NAME=CDATA 嵌入式柜架的名字
LONGDESC=URI 描述
WIDTH=Length 宽度
HEIGHT=Length 高度
ALIGN=[ top | middle | bottom | left | right ]
对齐方式
FRAMEBORDER=[ 1 | 0 ] 柜架边框
MARGINWIDTH=Pixels 左右空出宽度
MARGINHEIGHT=Pixels 上下空出的高度
SCROLLING=[ yes | no | auto ] 流动条(yes强制显示|no永不显示|auto自动)
Iframe标记的使用格式是:
<Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x" name="main"></iframe>
src:文件的路径,既可是HTML文件,也可以是文本、ASP等;
width、height:"内部框架"区域的宽与高;
scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为 Auto:则自动出现滚动条;如为Yes,则显示;
FrameBorder:区域边框的宽度,为了让“内部框架“与邻近的内容相融合,常设置为0。
name:框架的名字,用来进行识别。
<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=**>,例如我命名为aa,写入这句HTML语言<iframe width=420 height=330 name=aa frameborder=0 src=http://www.cctv.com></iframe>,然后,网页上的超链接语句应该写为:<a href=URL target=aa>
效果如下,请点击这里:中央电视台
三、如果把frameborder设为1,效果就像文本框一样,如下:
此文为Webshu.com独家撰稿,著作权属作者所有。
传统媒体、公众站点转载请事先联系Webshu编辑。
此文网址 http://www.webshu.com/tutorial/tor/7,id=0408.htm
转:
属性如下:
SRC=URI 嵌入式柜架的页面文件路径
NAME=CDATA 嵌入式柜架的名字
LONGDESC=URI 描述
WIDTH=Length 宽度
HEIGHT=Length 高度
ALIGN=[ top | middle | bottom | left | right ]
对齐方式
FRAMEBORDER=[ 1 | 0 ] 柜架边框
MARGINWIDTH=Pixels 左右空出宽度
MARGINHEIGHT=Pixels 上下空出的高度
SCROLLING=[ yes | no | auto ] 流动条(yes强制显示|no永不显示|auto自动)
Iframe标记的使用格式是:
<Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x" name="main"></iframe>
src:文件的路径,既可是HTML文件,也可以是文本、ASP等;
width、height:"内部框架"区域的宽与高;
scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为 Auto:则自动出现滚动条;如为Yes,则显示;
FrameBorder:区域边框的宽度,为了让“内部框架“与邻近的内容相融合,常设置为0。
name:框架的名字,用来进行识别。
相关文章推荐
- iframe嵌入网页的用法
- iframe嵌入网页的用法
- iframe嵌入网页的用法
- iframe嵌入网页的用法
- iframe嵌入网页的用法
- [转]iframe嵌入网页的用法(实用)
- iframe嵌入网页的用法
- Flex中嵌入网页(IFrame)
- 网页中嵌入微博Iframe
- 嵌入iframe网页框架等比缩放代码
- 怎样在一个HTML中嵌入另一个HTML页面(iframe标签用法)
- Flex-iframe在SWF中嵌入网页的组件(推荐)
- [酷东东] 在Flex里嵌入网页:IFrame 开源类库
- 防止网页被嵌入iframe广告代码
- 小程序webview嵌入iframe网页demo,微信小程序内嵌iframe网页代码,不支持打开非业务域名,请重新配置
- 使用Jquery向一个空白网页动态创建一个iframe,及嵌入页面,和向嵌入页面传参
- 网页被嵌入iframe的解决办法
- Js 判断网页能不能被 IFrame 嵌入
- flex 3通过iframe嵌入完整html网页的简单办法
- Chrome浏览器中使用 iframe 嵌入网页导致视频不能全屏的问题解决方法