首页 > 其他分享 >iframe本身就不是动态语言,样式和脚本都需要额外导入.iFrame的本质是内联框架的缩写,它是HTML元素的一个组件

iframe本身就不是动态语言,样式和脚本都需要额外导入.iFrame的本质是内联框架的缩写,它是HTML元素的一个组件

时间:2023-11-16 14:55:58浏览次数:32  
标签:onload 浏览器 iFrame 元素 HTML iframe 页面 加载

以下哪个选项的描述是错误的

A
iframe是用来在网页中插入第三方页面,早期的页面使用iframe主要是用于导航栏这种很多页面都相同的部分,这样在切换页面的时候避免重复下载

B
iframe的创建比一般的DOM元素慢了1-2个数量级

C
iframe标签会阻塞页面的的加载

D
iframe本质是动态语言的Incude机制和利用ajax动态填充内容

正确答案:D

iFrame的本质是内联框架的缩写,它是HTML元素的一个组件,允许在页面中嵌入文档、视频和交互式媒体。通过这样做,可以在主页上显示一个辅助页面。

局限:
1、创建比一般的 DOM 元素慢了 1-2 个数量级
iframe 的创建比其它包括 scripts 和 css 的 DOM 元素的创建慢了 1-2 个数量级,使用 iframe 的页面一般不会包含太多 iframe,所以创建 DOM 节点所花费的时间不会占很大的比重。但带来一些其它的问题:onload 事件以及连接池(connection pool)

2、阻塞页面加载
及时触发 window 的 onl oad 事件是非常重要的。onload 事件触发使浏览器的 “忙” 指示器停止,告诉用户当前网页已经加载完毕。当 onl oad 事件加载延迟后,它给用户的感觉就是这个网页非常慢。
window 的 onl oad 事件需要在所有 iframe 加载完毕后(包含里面的元素)才会触发。在 Safari 和 Chrome 里,通过 JavaScript 动态设置 iframe 的 SRC 可以避免这种阻塞情况

3、唯一的连接池
浏览器只能开少量的连接到 web 服务器。比较老的浏览器,包含 Internet Explorer 6 & 7 和 Firefox 2,只能对一个域名(hostname)同时打开两个连接。这个数量的限制在新版本的浏览器中有所提高。Safari 3+ 和 Opera 9+ 可同时对一个域名打开 4 个连接,Chrome 1+, IE 8 以及 Firefox 3 可以同时打开 6 个

绝大部分浏览器,主页面和其中的 iframe 是共享这些连接的。这意味着 iframe 在加载资源时可能用光了所有的可用连接,从而阻塞了主页面资源的加载。如果 iframe 中的内容比主页面的内容更重要,这当然是很好的。但通常情况下,iframe 里的内容是没有主页面的内容重要的。这时 iframe 中用光了可用的连接就是不值得的了。一种解决办法是,在主页面上重要的元素加载完毕后,再动态设置 iframe 的 SRC。

4、不利于 SEO
搜索引擎的检索程序无法解读 iframe。另外,iframe 本身不是动态语言,样式和脚本都需要额外导入。综上,iframe 应谨慎使用。

标签:onload,浏览器,iFrame,元素,HTML,iframe,页面,加载
From: https://www.cnblogs.com/longmo666/p/17836251.html

相关文章

  • 网页调试(css,html,js)获取资源链接等
    进入调试模式F12或者右键检查在元素栏点击相应的组件可以查看html源码,图片视频音频链接等,或者点击组件右键检查还可以查看组件css布局变化html元素源码可以看到class类名,触发事件以及style样式在css上的改变是实时的,刷新页面会失效html的改变需要双击,同样刷新页面......
  • htmlunit 模拟登入、点击、获取页面信息
    本文介绍了htmlunit模拟登入、点击、获取页面信息的demopublicstaticStringgetHtml(Stringurl){System.out.println("****************开始执行****************");//模拟一个浏览器@SuppressWarnings("resource")WebClientwebClient......
  • 通过chrome调试来抓取html小游戏一例
    通过chrome调试来获取html小游戏一例   在网上看到一个HTML小游戏"蝴蝶翩翩连",试玩了下感觉动画效果做得不错,在点击一个半片蝴蝶会有一个扇动动画,在连通两个相同的半片蝴蝶会合成一个蝴蝶,然后飞出游戏场景,这里想着如何将这个游戏抓下来,学习看看这是怎么实现的这种动画效果!......
  • java怎么和html结合
    Java和HTML结合通常是在Web开发的背景下进行的。Java可以用于后端服务器编程,而HTML用于前端界面设计。这两者结合主要通过以下几种方式:Servlet和JSP:Servlet:JavaServlet是运行在Web服务器或应用服务器上的程序,它接收来自Web浏览器的请求,并生成响应给浏览器。Servlet通常用......
  • Git提交上传报错 :提交的时候有个文件一直依然显示未提交,提交了还是没用 。fatal: will
    解决办法:修改文件名称,再重新提交,再改回来就可以了。原因分析:母鸡啊......
  • cshtml页面中动态生成URL,Url.RouteUrl()与 Url.Action()有什么区别
    原文链接:http://cn.voidcc.com/question/p-yrfdusit-kx.htmlRouteUrl根据路由名称生成url。如果您有多个参数相似的路由,则Action方法可能会选择错误的路由-它会根据路由定义的顺序工作。这可能发生在您的路线具有可选参数时。如果您想确保使用某个路由网址,您需要呼叫RouteUrl......
  • cshtml和html的区别
    https://www.php.cn/faq/532014.html在Web开发中,我们可能会经常使用到两种不同的文件类型,即cshtml和html。这两种文件类型具有很大的相似性,但是他们之间还是有很大的区别的。本文将为大家介绍cshtml和html的区别。文件类型CSHTML文件的意思是C#ServerPages,是一种由微软ASP.NET......
  • 如何隐藏HTML中的div元素
    参考文章,通过一个例子来学习如何在html中隐藏div元素。考虑一下,我们有一个如下的html元素。<divclass="box">Thisismainheading</div>现在,我们需要从网页中隐藏上述div元素。使用display:none要在html中隐藏一个div元素,我们可以使用css的display:none属性。下面是......
  • 客户端首屏渲染时首先拿到空的html模板,之后继续发起数据请求。而服务器端渲染只需要请
    客户端首屏渲染时首先拿到空的html模板,之后继续发起数据请求。而服务器端渲染只需要请求一次,服务器会将请求的数据放在html模板中一起返回。服务器端渲染耗费流量,局部页面的变化也需要重新请求完整的页面客户端渲染就可以采用SPA,能实现局部组件的更新,服务器端渲染回来的就是整个......
  • HTML和webAPI之根据时间和事件来变实现图片的转换
    一:概述在一些前端的设计场景中,我们会发现有很多的场景需要根据时间然后去变换图片。在不同时间都会出现不同的图片。下面来写一个案例,来更换图片,并显示当前的时间(xx年xx月xx日)。二:案例实现在这里需要用到的知识是事件的使用以及JavaScript内置对象(时间函数)的使用。以及时间的......