Iframe页面嵌套

开发工具与关键技术:VS C#
撰写时间:2019年 5月 15日

在做项目的时候为了方便经常会用到嵌套标签来嵌套页面。因为一个系统里会有多个大模块,每一个大模块里又有好多个小模块,而每一个小模块又是由页面构建而成。所以,做项目的时候就会在模版里面嵌套内容。在主页面上嵌套要实现的页面功能,当用户点击主页面的菜单栏就会跳转到该页面。意思就是不管用户怎么点击主页面的菜单栏即使跳转到下一个页面,用户在下一个页面也还是可以看到跟主页面显示一样的菜单栏,就是要在主页面嵌套每一个小模块里的页面内容。
代码如下:
在这里插入图片描述
在W3School里也有嵌套标签详细的解说:
1、支持的浏览器有哪些,IE、Firefox、Chrome、Safari、Opera,在不支持的浏览器里是
不会看得到有嵌套的效果的。
2、嵌套标签的定义和用法:
iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。
3、还有属性、值这些比如说,规定如何根据周围的元素来对齐此框架,规定是否显示框架周围的边框、规定 iframe 的高度、规定一个页面,该页面包含了有关 iframe 的较长描述、定义 iframe 的顶部和底部的边距还有左侧和右侧的边距、规定 iframe 的名称、启用一系列对 中内容的额外限制、规定是否在 iframe 中显示滚动条、规定 看上去像是包含文档的一部分、规定在iframe 中显示的文档的 URL、规定在 中显示的页面的 HTML 内容、定义 iframe 的宽度。可以根据个人所需想要什么样的样式效果就可以在W3School里查找并使用。
下面便是根据属性、值来设置iframe样式,代码如下:
在这里插入图片描述
在W3School里scrolling 属性规定是否在 iframe 中显示滚动条。默认地,如果内容超出了 iframe,滚动条就会出现在 iframe 中。设置好iframe的高度后在浏览器上随便上下拖动,iframe#content这个容器会显示加载的页面,你页面的内容有多少就会往下加载多少。
在这里插入图片描述