iframe的缺点

iframe有那些缺点?

  • *iframe会阻塞主页面的Onload事件;
  • *iframe和主页面共享连接池,而浏览器对相同域的连接有限制,所以会影响页面的并行加载。

使用iframe之前需要考虑这两个缺点。如果需要使用iframe,最好是通过JavaScript动态给iframe添加src属性值,这样可以可以绕开以上两个问题。

我的示例代码:

window.onload被阻塞了:

<iframe src="http://www.google.com" frameborder="0"></iframe>
<script>
    window.onload = function () {
        alert(‘window is onloaded!‘);
    }
</script>

解决方法:

<script>
    window.onload = function () {
        alert(‘window is onloaded!‘);
        var iframe = document.createElement(‘iframe‘);
        iframe.src = ‘http://www.google.com‘;
        document.body.appendChild(iframe);
    }
</script>
时间: 2024-10-11 18:02:55

iframe的缺点的相关文章

Web前端面试指导(八):iframe有那些缺点

本题的特点 这道题目的特点就是不按照正常的套路来提问,一般都是问优点,这里比较反常问iframe的缺点,很多同学肯定很不习惯这种问答,因为平时只关注有点,这么一问就懵逼了! 本题解答的思路及要点 ① iframe会阻塞主页面的Onload事件: ② 搜索引擎的检索程序无法解读这种页面,不利于SEO; ③ 会影响页面的并行加载. 知识补充:什么是并行加载? 并行加载:同一时间针对同一域名下的请求.一般情况,iframe和所在页面在同一个域下面,而浏览器的并加载的数量是有限制的.如下图 答题加分(提

iframe的优缺点

iframe的优点: 1.iframe能够原封不动的把嵌入的网页展现出来. 2.如果有多个网页引用iframe,那么你只需要修改iframe的内容,就可以实现调用的每一个页面内容的更改,方便快捷. 3.网页如果为了统一风格,头部和版本都是一样的,就可以写成一个页面,用iframe来嵌套,可以增加代码的可重用. 4.如果遇到加载缓慢的第三方内容如图标和广告,这些问题可以由iframe来解决. iframe的缺点: 1.会产生很多页面,不容易管理. 2.iframe框架结构有时会让人感到迷惑,如果框

iframe有那些优缺点?

iframe的优点: 1.iframe能够原封不动的把嵌入的网页展现出来. 2.如果有多个网页引用iframe,那么你只需要修改iframe的内容,就可以实现调用的每一个页面内容的更改,方便快捷. 3.网页如果为了统一风格,头部和版本都是一样的,就可以写成一个页面,用iframe来嵌套,可以增加代码的可重用. 4.如果遇到加载缓慢的第三方内容如图标和广告,这些问题可以由iframe来解决. iframe的缺点: 1.会产生很多页面,不容易管理. 2.iframe框架结构有时会让人感到迷惑,如果框

雅虎35条性能优化建议

雅虎35条性能优化建议分7类,共35条: [内容]尽量减少HTTP请求数 [服务器]使用CDN(Content Delivery Network) [服务器]添上Expires或者Cache-Control HTTP头 [服务器]Gzip组件 [css]把样式表放在顶部 [js]把脚本放在底部 [css]避免使用CSS表达式 [js, css]把JavaScript和CSS放到外面 [内容]减少DNS查找 [js, css]压缩JavaScript和CSS [内容]避免重定向 [js]去除重复脚

web典型理论题整理HTML+CSS部分

1.css选择符有哪些?属性继承?优先级算法如何计算?css3新增伪类有哪些?css选择符:id选择器(# myid).类选择器(.myclassname).标签选择器(div, h1, p).相邻选择器(h1 + p).子选择器(ul > li).后代选择器(li a).通配符选择器( * ).属性选择器(a[rel = "external"]).伪类选择器(a: hover, li:nth-child)可继承样式:font-size.font-family.color.tex

雅虎34条军规

官方原地址:http://developer.yahoo.com/performance/rules.htmlmooc:视频教程另附 SAE CDN:http://lib.sinaapp.com/ 雅虎团队经验:网站页面性能优化的34条黄金守则 1.尽量减少HTTP请求次数      终端用户响应的时间中,有80%用于下载各项内容.这部分时间包括下载页面中的图像.样式表.脚本.Flash等.通过减少页面中的元素可以减少HTTP请求的次数.这是提高网页速度的关键步骤.      减少页面组件的方法

关于内联框架

关于内联框架 作者:Dante Fung WHAT? 概述 内联框架(inner frame),是一个非常有用的标签,早期用它来模拟Ajax效果,使用iframe可以在一个表格内调用一个外部文件,非常有用.现在在富本文编辑器开发中它也举足轻重. 它又是一个特别的元素,最早出现IE4.0中,后纷纷被其他游览器吸纳,由于IE不开源,iframe在各游览器中都有很大差异. WHY? 1.复用 比较早期的网站使用 iframe,主要是用于导航栏(navigator).为什么? 问题1:一个网站很多页面的

雅虎团队经验:网站页面性能优化的34条黄金守则

1.尽量减少HTTP请求次数 终端用户响应的时间中,有80%用于下载各项内容.这部分时间包括下载页面中的图像.样式表.脚本.Flash等.通过减少页面中的元素可以减少HTTP请求的次数.这是提高网页速度的关键步骤. 减少页面组件的方法其实就是简化页面设计.那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢?这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术. 合并文件是通过把所有的脚本放到一个文件中来减少HTTP请求的方法,如可以简单地把所有的CSS文件都放入一个

简单网站优化

一.为什么要网站优化 1.1.大型网站的特点 高访问量 同时在线人数多 数据量庞大 数据操作频繁 1.2.网站性能测试指标(用户角度) 日访问量 同时在线人数 最大并发连接数 访问响应时间 1.3.网站性能个体体现 首屏时间:一个网站被浏览器上部,800*600区域充满所需要的时间 网页访问可用性:用户访问网页的成功率. DNS时间:浏览器将地址发送给DNS服务器,DNS服务器根据地址返回IP到浏览器,浏览器得到IP地址,此为DNS时间 建立连接时间:包含DNS时间后,浏览器重到IP地址后,再将