HTML有这样的标签： 《iframe src=“URL”/iframe》，其被称为内联帧标签。 虽然刚开始学骑页面的时候很少使用，但是直到现在接触到项目开发之后，才发现这个标签的普遍性和重要性。 看到标签的src属性时，您推测了其作用吗？ 内联框架，简言之，就是子页面的嵌套。 利用这个，可以在现在的页面中再制作一个内部页面。 在src处写入视图路径后，页面嵌套会成功。 效果如下。
因为这次是测试，所以给了错误的页面路径，展示了效果。 这只是添加了iframe标签的效果。 iframe最初的样子是在狭小的页面上添加垂直滚动条。 我们现在通过设定一些方法和风格来清洁这个孩子。 第一件要做的事情是，尽量让子页面适应主页的宽度和高度，改变现在“矮小”的身材
根据浏览器的尺寸调整iframe的高度
reSetSize (； 调用//方法
window.onresize=reSetSize；
功能重置大小
获取窗口的innerHeight (内部)高度
varwindowsheight=window.innerheight；
2 .根据ID获取显示窗口样式中的高度，
然后设定窗口高度=(窗口的内部高度- 110 ) px单位，
减去110的高度是为了不显示两根滚动条，内部的滚动条只显示一根是合适的
document.getelementbyid (" content " ).style.height=(windows height-110 ) " px "
}
根据浏览器的大小调整iframe的宽度
reWidSize (；
window.onresize=reWidSize；
功能重建大小
varwindowswidth=window.inner width；
document.getelementbyid (“content”).style.width=(windowswidth-110 )“px”
}
方法设置完毕后，启动页面看看效果吧。 图：
与第一个子页面相比，当前子页面的宽度和高度与主页的大小匹配，滚动条也被删除，第一步完成。 由于设置了当前子页面的src路径，因此每次打开子页面时都会跳至同一页面。 那么，如何灵活地更改子页面的视图路径呢？ 这是我们的第二步。
子页面顶部的首页使用了无序列表。 列表中的每个li标签代表一个选择。 每个选项的页面当然也不同，但只有一个子页面。 虽然也可以创建多个子页面，但是很麻烦。 因此，第二步定义了如何为每个li标记设置单击事件、触发单击事件以更改子页面的src路径以及在不同页面之间切换。 首先，使用JQuery的prop方法。 prop (可以获取匹配元素集中第一个元素的属性值。 可用的参数是(名称，值)。
$('#denglu ' ).click(function () ) { 1.注意！要记得在填写位置之前加/,表示此处为路径的开始
$('#content ' ).prop(「src”、“/”；
)；
如果设置登录的单击事件，在事件中使用id匹配子页面，然后使用jquery prop方法获取并更改子页面的src路径，则对于其他选项，当用户单击登录选项时，子页面也会登录小心！ 在使用prop方法之前，必须在项目中引用jquery3.2. 1版。 如果没有引用或没有引用的插件版本太低，则该方法可能无法在项目中使用。