期许已久的Iframe框架来咯 _Iframe框架

一个html页面可以有一个或多个子框架，这些子框架以< iframe>来标记，用来显示一个独立的HTML页面。这里所讲的框架的自我控制以及框架之间的互相访问，例如从一个框架中引用另一个框架中的JAVAScript变量、调用其他框架内的函数、控制另一个框架中表单的行为等。
框架之间的互相引用一个页面中的所有框架以集合的形式作为window对象的属性提供。例如：window.frames就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是类似的，不同的是，这些集合是document的属性。因此，要引用一个子框架，可以使用以下语法：
window.frames["framenName"];
window.frames.framenName;
window.frames[index];
IFRAME是html标签，作用是文档中的文档，或者浮动的框架。Iframe元素会创建包含另一个文档的内联框架（即行内框架）

文章插图

Iframe内联框架.Iframe元素会创建包含另外一个文档的内联框架（即行内框架）Iframe是属于内联框架，它是body的子级，和body是父子关系。iframe作为一个普通元素放在body里
属性：width：可设置内联框架的宽
height ：可设置内联框架的高
name：设置框架名称
src：设置页面的路径
scrolling规定是否在iframe中显示滚动条（yes,no,auto）
frameborder规定是否显示框架周围的边框（1默认有边框， 0）
它的标准属性为：class：规定元素的类名
id：规定元素的特定id
style：规定元素的行内样式
title：规定元素的额外信息
语言属性为：【期许已久的Iframe框架来咯】dir：设置元素中内容的文本方向
lang：设置元素中内容的语言代码
xml:lang：设置XHTML文档中元素内容的语言代码
键盘属性为：accesskey：设置访问元素的键盘快捷键
tabindex：设置元素的Tab键控制次序

文章插图

iframe的优缺点分别是什么呢？优点：1.iframe能够把嵌入的网页原样展现出来；
2.模块分离，便于更改，如果有多个网页引用iframe ，只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷；
3.网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用iframe来嵌套，增加代码的可重用；
4.如果遇到加载缓慢的第三方内容如图标和广告，这些问题可以由iframe来解决；
5.重载页面时不需要重载整个页面，只需要重载页面中的一个框架页；
6.方便制作导航栏。
缺点：1.样式和脚本需要额外链入，调用外部页面，需要额外调用css ，增加页面额外的请求次数，增加服务器的http请求；
2.代码复杂，在网页中使用框架结构最大的弊病是搜索引擎的”蜘蛛“程序无法解读这种页面，会影响搜索引擎优化，不利于网站排名；
3.框架结构有时会让人感到迷惑，滚动条除了会挤占有限的页面空间外会使iframe布局混乱，还会分散访问者的注意力，影响用户体验；
4.链接导航疑问。运用框架结构时，必须保证正确配置所有的导航链接，否则，会给访问者带来很大的麻烦。比如被连接的页面出现在导航框架内，这种情况下访问者便被陷住了，因为此时他没有其他地点可去；
5.产生多个页面，不易管理；
6.多数小型的移动设备无法完全显示框架，设备兼容性差。