开发工具与关键技术： VS iframe作者：听民谣老猫写作时间： 2019/6/10 18:15
虽然上面的两个图是两个不同的页面，但是基本框架是相同的，每次单击左侧导航栏时都会更改的是中心内容区域。 也就是说，共同的框架没有变，变的是中间的内容。
有没有不改变外面的基本框架而只改变中间内容的方法？
我们可以用页面嵌套的方法达到这个要求。 页面嵌套的方法有很多种，这里使用标签实现页面嵌套。
定义：标记定义内联框架，并将其他文档嵌入到当前html中。
语法：
的一些常见属性参数分析align基于周围的文本放置iframe。 frameBorder是否显示框架周围的边框。 noResize框架中是否有滚动条。 src嵌入到html中的文档的URL。 实际列：
将开始剪切的图像嵌入内容更改为百度主页
你会发现百度的首页已经嵌入了我们的页面。 但是，在嵌入的页面上出现了滚动条，嵌入页面的滚动条影响了用户的体验和页面的美观，所以我们必须去掉这个滚动条。 实际上，通过设置iframe的高度，可以使其与嵌入页面的高度相同，从而隐藏滚动条和嵌套痕迹。
自动调整iframe高度的Js代码
reSetSize (； window.onresize=reSetSize； function reSetSize () varwindowsheight=window.innerheight； document.getelementbyid (' content ' ).style.height=) windowsheight-框架顶部高度) ) px )； }分析：
将嵌入页面的高度设置为屏幕可见高度减去原始框架顶部和底部的高度。 宽度的设定也一样。