您当前的位置:首页 > 电脑百科 > 程序开发 > 框架

期许已久的Iframe框架来咯

时间:2020-08-28 13:04:48  来源:  作者:

一个html页面可以有一个或多个子框架,这些子框架以< iframe>来标记,用来显示一个独立的HTML页面。这里所讲的框架的自我控制以及框架之间的互相访问,例如从一个框架中引用另一个框架中的JAVAScript变量、调用其他框架内的函数、控制另一个框架中表单的行为等。

框架之间的互相引用

一个页面中的所有框架以集合的形式作为window对象的属性提供。例如:window.frames就表示该页面内所有框架的集合,这和表单对象、链接对象、图片对象等是类似的,不同的是,这些集合是document的属性。因此,要引用一个子框架,可以使用以下语法:

window.frames["framenName"];

window.frames.framenName;

window.frames[index];

IFRAME是html标签,作用是文档中的 文档,或者浮动的框架。Iframe元素会创建包含另一个文档的内联框架(即行内框架)

期许已久的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:规定元素的额外信息

语言属性为:

dir:设置元素中内容的文本方向

lang:设置元素中内容的语言代码

xml:lang:设置XHTML文档中元素内容的语言代码

键盘属性为:

accesskey:设置访问元素的键盘快捷键

tabindex:设置元素的Tab键控制次序

期许已久的Iframe框架来咯

 

iframe的优缺点分别是什么呢?

优点:

1.iframe能够把嵌入的网页原样展现出来;

2.模块分离,便于更改,如果有多个网页引用iframe,只需要修改iframe的内容,就可以实现调用的每一个页面内容的更改,方便快捷;

3.网页如果为了统一风格,头部和版本都是一样的,就可以写成一个页面,用iframe来嵌套,增加代码的可重用;

4.如果遇到加载缓慢的第三方内容如图标和广告,这些问题可以由iframe来解决;

5.重载页面时不需要重载整个页面,只需要重载页面中的一个框架页;

6.方便制作导航栏。

缺点:

1.样式和脚本需要额外链入,调用外部页面,需要额外调用css,增加页面额外的请求次数,增加服务器的http请求;

2.代码复杂,在 网页中使用框架结构最大的弊病是搜索引擎的”蜘蛛“程序无法解读这种页面,会影响搜索引擎优化,不利于网站排名;

3.框架结构有时会让人感到迷惑,滚动条除了会挤占有限的页面空间外会使iframe布局混乱,还会分散访问者的注意力,影响用户体验;

4.链接导航疑问。运用框架结构时,必须保证正确配置所有的导航链接,否则,会给访问者带来很大的麻烦。比如被连接的页面出现在导航框架内,这种情况下访问者便被陷住了,因为此时他没有其他地点可去;

5.产生多个页面,不易管理;

6.多数小型的移动设备无法完全显示框架,设备兼容性差。



Tags:Iframe框架   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
一个HTML页面可以有一个或多个子框架,这些子框架以< iframe>来标记,用来显示一个独立的HTML页面。这里所讲的框架的自我控制以及框架之间的互相访问,例如从一个框架中引用另一...【详细内容】
2020-08-28  Tags: Iframe框架  点击:(70)  评论:(0)  加入收藏
▌简易百科推荐
近日只是为了想尽办法为 Flask 实现 Swagger UI 文档功能,基本上要让 Flask 配合 Flasgger, 所以写了篇 Flask 应用集成 Swagger UI 。然而不断的 Google 过程中偶然间发现了...【详细内容】
2021-12-23  Python阿杰    Tags:FastAPI   点击:(6)  评论:(0)  加入收藏
文章目录1、Quartz1.1 引入依赖<dependency> <groupId>org.quartz-scheduler</groupId> <artifactId>quartz</artifactId> <version>2.3.2</version></dependency>...【详细内容】
2021-12-22  java老人头    Tags:框架   点击:(11)  评论:(0)  加入收藏
今天来梳理下 Spring 的整体脉络啦,为后面的文章做个铺垫~后面几篇文章应该会讲讲这些内容啦 Spring AOP 插件 (了好久都忘了 ) 分享下 4ye 在项目中利用 AOP + MybatisPlus 对...【详细内容】
2021-12-07  Java4ye    Tags:Spring   点击:(14)  评论:(0)  加入收藏
&emsp;前面通过入门案例介绍,我们发现在SpringSecurity中如果我们没有使用自定义的登录界面,那么SpringSecurity会给我们提供一个系统登录界面。但真实项目中我们一般都会使用...【详细内容】
2021-12-06  波哥带你学Java    Tags:SpringSecurity   点击:(18)  评论:(0)  加入收藏
React 简介 React 基本使用<div id="test"></div><script type="text/javascript" src="../js/react.development.js"></script><script type="text/javascript" src="../js...【详细内容】
2021-11-30  清闲的帆船先生    Tags:框架   点击:(19)  评论:(0)  加入收藏
流水线(Pipeline)是把一个重复的过程分解为若干个子过程,使每个子过程与其他子过程并行进行的技术。本文主要介绍了诞生于云原生时代的流水线框架 Argo。 什么是流水线?在计算机...【详细内容】
2021-11-30  叼着猫的鱼    Tags:框架   点击:(21)  评论:(0)  加入收藏
TKinterThinter 是标准的python包,你可以在linx,macos,windows上使用它,你不需要安装它,因为它是python自带的扩展包。 它采用TCL的控制接口,你可以非常方便地写出图形界面,如...【详细内容】
2021-11-30    梦回故里归来  Tags:框架   点击:(26)  评论:(0)  加入收藏
前言项目中的配置文件会有密码的存在,例如数据库的密码、邮箱的密码、FTP的密码等。配置的密码以明文的方式暴露,并不是一种安全的方式,特别是大型项目的生产环境中,因为配置文...【详细内容】
2021-11-17  充满元气的java爱好者  博客园  Tags:SpringBoot   点击:(25)  评论:(0)  加入收藏
一、搭建环境1、创建数据库表和表结构create table account(id INT identity(1,1) primary key,name varchar(20),[money] DECIMAL2、创建maven的工程SSM,在pom.xml文件引入...【详细内容】
2021-11-11  AT小白在线中  搜狐号  Tags:开发框架   点击:(29)  评论:(0)  加入收藏
SpringBoot开发的物联网通信平台系统项目功能模块 功能 说明 MQTT 1.SSL支持 2.集群化部署时暂不支持retain&will类型消 UDP ...【详细内容】
2021-11-05  小程序建站    Tags:SpringBoot   点击:(55)  评论:(0)  加入收藏
相关文章
    无相关信息
最新更新
栏目热门
栏目头条