HTML---iframe框架及优缺点

基本使用

src：规定在iframe中显示的文档的URL
frameborder：规定是否显示框架周围的边框
scrolling：规定是否在iframe中显示滚动条
width：规定iframe的宽度，建议使用CSS替代
height：规定iframe的高度，建议使用CSS替代
sandbox：启用一系列对iframe中内容的额外限制
marginwidth：定义iframe的左侧和右侧的边距
marginheight：定义iframe的顶部和底部的边距
srcdoc：规定在iframe中显示的页面的HTML内容
align：规定如何根据周围的元素来对齐此框架，建议使用样式替代

优点

可以跨域请求其他网站，并将网站完整展示出来。
典型系统结构可以提高代码的复用性。
模块分离，若多个页面引用同一个iframe，则便于修改操作。
实现广告展示的一个解决方案。
若需要刷新iframe则只需要刷新框架内，不需要刷新整个页面。

缺点

iframe阻塞页面加载，影响网页加载速度，iframe加载完毕后才会触发window.onload事件，动态设置src可解决这个问题。
加载了新页面，额外增加了HTTP请求，增加了服务器负担。
有时iframe由于页面挤占空间的原因会出现滚动条，造成布局混乱。
不利于SEO，搜索引擎的爬虫无法解读iframe的页面。
有些小型的移动设备如手机等无法完全显示框架，兼容性较差。

HTML---iframe框架及优缺点相关推荐

iframe框架及优缺点
iframe框架及优缺点 HTML5不再支持使用frame,关于frame与iframe的区别,可以参阅 iframe与frame的区别. 基本使用 src:规定在iframe中显示的文档的URL. ...
[html] iframe框架都有哪些优缺点？
[html] iframe框架都有哪些优缺点? 优点重载页面时不需要重载整个页面,只需要重载页面中的一个框架页技术易于掌握,使用方便,可主要应用于不需搜索引擎来搜索的页面方便制作导航栏缺点会产生很多页 ...
php e框架是啥,几款主流PHP框架的优缺点评比
PHP语言还是比较常用到的一门计算机高级语言.我们将会在这篇文章中向大家主要介绍关于PHP框架相关优缺点评比,作为一个参考风险给朋友们. 主要参考的PHP框架包括:CodeIgniter.CakePH ...
广告域名审核之后跳转技术：点击域名A页面iframe框架下的链接，域名A跳转到域名B...
广告域名审核之后跳转技术:点击域名A页面iframe框架下的链接,域名A跳转到域名B 注:域名B为afish.cnblogs.com 域名A页面代码: <!DOCTYPE html PUBLIC ...
Python+selenium 自动化-切换窗口页签、切换iframe框架。确定页面是否包含iframe方法。
切换窗口页签: 0是左边第一个,-1是右边第一个. windows = driver.window_handles # 获得所有窗口的句柄 driver.switch_to.window(window ...
在iframe框架中全屏不好使的原因
遇到的问题:我是在iframe框架中添加了一个插件在360和火狐中不好使,将allowfullscreen="true" 属性配置好就没问题了: 可能出现的原因:将allowful ...
几种location.href的区别 js实现网页防止被iframe框架嵌套功能 .
首先我们了解一下:window.location.href.location.href.self.location.href.parent.location.href.top.location.hre ...
js实现网页防止被iframe框架嵌套及几种location.href的区别
首先我们了解一下几种location.href的区别简单的说:几种location.href的区别js实现网页被iframe框架功能,感兴趣的朋友可以了解下首先我们了解一下:window.locat ...
php开发用框架优缺点,剖析PHP开发中主流PHP框架的优缺点
如今,每个企业乃至最大的商业巨头都希望拥有一个功能齐全的网站以便有效的提高特定业务的品牌价值.PHP 是一种开源的服务器端脚本语言,已经成为定制网站构建解决方案最合适和最有效的语言.在此,小编挑选出了 ...
html怎样同框架页面内跳转,使用iframe框架时，实现子页面内跳转到整个页面，而不是在子页面内跳转...
首先先来描述一下我所遇到的问题,我在一个首页的index.jsp页面中用到了iframe框架,见下图在iframe中引入jsp页面的路径,是几个iframe框架组合成的一个完整的页面,但是他们的存在 ...

HTML---iframe框架及优缺点

基本使用

优点

缺点

HTML---iframe框架及优缺点相关推荐

最新文章

热门文章