首页 技术 正文
技术 2022年11月8日
0 收藏 440 点赞 1,945 浏览 1529 个字

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> 
  在HTM(HTML)文件中是否可以像PHP、ASP文件一样嵌入其他文件呢?下面笔者介绍用iframe来实现的方法。 
  iframe元素的功能是在一个文档里内嵌一个文档,创建一个浮动的帧。其部分属性简介如下:

  name:内嵌帧名称 
  width:内嵌帧宽度(可用像素值或百分比) 
  height:内嵌帧高度(可用像素值或百分比) 
  frameborder:内嵌帧边框 
  marginwidth:帧内文本的左右页边距 
  marginheight:帧内文本的上下页边距 
  scrolling:是否出现滚动条(“auto”为自动,“yes”为显示,“no”为不显示) 
  src:内嵌入文件的地址 
  style:内嵌文档的样式(如设置文档背景等) 
  allowtransparency:是否允许透明 
  明白了以上属性后,我们可用以下代码实现,在main.htm中把samper.htm文件的内容显示在一个高度为80、宽度为100%、自动显示边框的内嵌帧中: 
  〈iframe name=”import_frame” width=100% 
   height=80 src=”samper.htm” frameborder=auto〉 
  〈/iframe〉 
  不错吧,马上“Ctrl+C”、“Ctrl+V”试试。 
  有时我们为强调页面的某项内容,想让它先于页面的其他内容显示。同样用iframe即可轻松实现: 
  先把要强调显示的内容另存为一个文件,如first.htm,然后通过一个预载页index.htm,内容如下: 
  〈meta http-equiv=”refresh” content=”3,url=index2.htm”〉 
  〈body〉 
  页面加载中,请稍候……〈iframe src=”first.htm” style=”display:none”〉〈/iframe〉 
  〈/body〉 
  主文件index2.htm 
  〈body〉 
  〈iframe src=”first.htm”加入其他属性限制〉〈/iframe〉 
  〈/body〉 
  first.htm的内容就会先于页面的其他内容出现在您的浏览器里了,是不是很简单?再“Ctrl+C”、“Ctrl+V”一次?

转自http://blog.csdn.net/teresa502/article/details/5577781

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,088
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,564
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,412
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,185
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,822
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,905