时间：2024-09-24 04:01:10
iframe页面嵌套问题
一、 iframe的框架根据内容自适应高度
iframe是在项目设计中经常用到的框架标签。而它的作用就是把页面嵌套在自身形成的框架体中，从而实现在一个固定的地方可以切换多个页面，并且其他内容不变。在使用iframe这个框架标签时新手往往是直接固定iframe的宽高。那么当文本内容的长度不一样时就要一个一个地设置。当有上百个页面时这无疑是增加了代码量。而这个问题的解决方法也非常简单，我们只需要让它自适应高度就好。
二、 点击iframe内部页面进行页面跳转问题
iframe虽然可以嵌套多个页面，但也存在一个非常严重的问题。那就是iframe标签的页面跳转问题。正常情况下我们可以通过点击iframe框架区以外的地方来改变iframe嵌套的内容。但当我们在被iframe嵌套的页面里写window.location.href的页面跳转事件时，跳转的那个页面它不会覆盖掉当前的页面，而是被嵌套进iframe里。由于页面的宽度的百分比发生了变化，这对极大地影响被嵌套的页面的样式。
《iframe嵌套多个页面》不代表本网站观点，如有侵权请联系我们删除
