chimyking / chimy_interview

0 stars 0 forks source link

Iframe相关 #1

Open chimyking opened 4 years ago

chimyking commented 4 years ago

1.iframe优缺点 2.iframe可以使用父页面中的资源吗(如:css、js等)? 3.iframe在更改了src之后,不出现后退或者前进按钮怎么解决? 4.iframe父页面如何获取子页面的元素? 5.iframe如何自动调整高度? 6.iframe有个onload()事件,是在iframe加载完毕后触发,请问如果我调用iframe页面的js函数,算不算是iframe的重新加载?也就是说调用完毕还会不会触发onload()事件 7.Iframe的作用? https://www.iwellen.com/?p=240 https://www.cnblogs.com/chengzp/p/7757840.html

chimyking commented 4 years ago

Q:1.iframe优缺点 优点

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

缺点

  1. iframe会阻塞主页面的onload事件;
  2. iframe和主页面共享连接池,而浏览器对相同域的连接有限制,所以会影响页面的并行加载。,会产生很多页面,不容易管理。
  3. iframe框架结构有时会让人感到迷惑,如果框架个数多的话,可能会出现上下、左右滚动条,会分散访问者的注意力,用户体验度差。
  4. 代码复杂,无法被一些搜索引擎索引到,这一点很关键,现在的搜索引擎爬虫还不能很好的处理iframe中的内容,所以使用iframe会不利于搜索引擎优化(SEO)。
  5. 很多的移动设备无法完全显示框架,设备兼容性差。
  6. iframe框架页面会增加服务器的http请求,对于大型网站是不可取的