Iframe简单介绍(一)
2024-10-07 13:17:51
Iframe可以用在以下几个场景
1.典型系统结构,左侧是功能树,右侧就是一些常见table或者表单之类的.为了每一个功能,单独分离出来,采用iframe.
2.AJAX上传文件
3.加载别的网站内容,例如广告,网站流量分析.
4.在上传图片时,不用flash实现无刷新
5.跨域访问的时候可以用到iframe,使用iframe请求不同域名下的资源
演示iframe的基本用法
iframe的各个属性含义如下:
width插入页的宽;
height插入页的高;
scrolling 是否显示页面滚动条(可选的参数为 auto、yes、no,如果省略这个参数,则默认为auto);
frameborder边框大小;
注意:URL建议用绝对路径;
如果一个页面里面有框架,点页面里的连接,要求在这个<iframe> 里打开。<iframe name=** ></iframe>
然后在修改默认打开模式,网页HEAD中加上<a href="URL" mce_href="URL" target=**>或部分连接的目标框架设为(**).
要插入一个页面。要求只拿中间一部分,控制插入页被框架覆盖的深度 marginwidth和marginheight.控制框架覆盖上部分的深度 vspace
如果把frameborder设为1,效果就像文本框一样
透明的IFRAME的用法,必需IE5.5以上版本才支持
Iframe的优缺点:
1.解决加载缓慢的第三方内容如图标和广告的加载问题
2.Security sandbox
3.并行加载脚本
缺点:
1.iframe会阻塞主页面的onload事件
2.即时内容为空,加载也需要时间
3.没有语意
最新文章
- 练习JavaScript实现过滤特殊字符
- Maven依赖Scope标签用法
- django复习笔记3:urls/views/templates三板斧
- 加州大学伯克利分校Stat2.3x Inference 统计推断学习笔记: Section 5 Window to a Wider World
- codevs 1013 求先序排列(二叉树遍历)
- Spring 4 bak
- Webstorm2016激活码[ 转]
- org.json 使用
- Linux 命令 - curl: transfer a URL
- python学习之jquery小练习
- python学习笔记4(列表)
- linux for 使用
- (转)log4j(六)——log4j.properties简单配置样例说明
- sudo 和su
- iOS开发之UITextView,设置textViewplaceholder
- 最短寻道优先算法----SSTF算法
- IDEA项目搭建五——使用JRebel插件实现IDEA热部署
- 【BZOJ1432】[ZJOI2009]Function(找规律)
- 浮动和margin-left负值的有趣现象
- 射线和三角形的相交检测(ray triangle intersection test)【转】