让人又爱又恨的iframe(第3期)

本文探讨了iframe的两大缺点:阻塞主页面的Onload事件及影响SEO,同时指出其与frame的区别,如iframe可独立使用且高度自控。文章还提到了使用技巧,如通过javascript动态设置src属性来规避问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

让人又爱又恨的iframe(第3期)

iframe有那些缺点?

  1. iframe会阻塞主页面的Onload事件
  2. 搜索引擎的检索程序无法解读这种页面,不利于SEO
  3. iframe和主页面共享连接池,而浏览器对相同域的连接有限制,所以会影响页面的并行加载
  4. 使用iframe之前需要考虑这两个缺点。如果需要使用iframe,最好是通过javascript动态给iframe添加src属性值,这样可以绕开以上两个问题

iframe和frame的区别

  1. frame不能脱离frameSet单独使用,iframe可以;
  2. frame不能放在body中;
    下面代码可以正常显示
<!--<body>-->
<frameset rows="50%,*">
   <frame   name="frame"   src="test.html"/>  
</frameset> 
<!--<body>-->

如下代码则不可以正常显示

<body>
<frameset rows="50%,*">
   <frame  name="frame"   src="test.html"/>  
</frameset> 
<body>
  1. 嵌套在frameSet中的iframe必需放在body中;
<body>
<frameset>  
    <iframe   name="frame"   src="test.html"/>  
</frameset>  
</body>

如下不能正常显示:

<!--<body>-->
<frameset>  
    <iframe   name="frame1"   src="test.html"/>  
</frameset>  
<!--</body>-->
  1. 不嵌套在frameSet中的iframe可以随意使用;
<body>
    <iframe   name="frame"   src="test.html"/>  
</body>
<!--<body>-->
    <iframe   name="frame"   src="test.html"/> s 
<!--</body>-->
  1. frame的高度只能通过frameSet控制;iframe可以自己控制,不能通过frameSet控制
  2. 如果在同一个页面使用了两个以上的iframe,在IE中可以正常显示,在firefox中只能显示出第一个;使用两个以上的frame在IE和firefox中均可正常
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值