iframe 有那些优点和缺点

前端这点事 21 0

iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。

优点:

  • 用来加载速度较慢的内容(如广告)

  • 可以使脚本可以并行下载

  • 可以实现跨子域通信

缺点:

  • iframe 会阻塞主页面的 onload 事件

  • 无法被一些搜索引擎索识别

  • 会产生很多页面,不容易管理


代码试下阻止onload效果:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>iframe</title>
</head>
<body>
<iframe src="https://google.com" width="500px" height="500px" frameborder="0" id="iframe"></iframe>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script>
window.onload = function (){
console.log('page load finish')
}
</script>
</body>
</html>



标签: JavaScript

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~