使用Iframe实现内联嵌套

时间:2024-06-01 07:26:20

使用Iframe实现内联嵌套

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术:Iframe

作者:吴业华

撰写时间:2019年5月22号

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

 

搭页页面呢  我们首先要先很客户对应好 是搭主页面内联嵌套页面呢 还是点击标签跳转到一个新页面

这些都是根据客户的需求来做  那么在主页面上如何可以实现 点击标签可以嵌套其他的页面进来显示呢

首先我们在主页面处留有一片显示 iframe 嵌套页面的显示区域

然后就是:

使用Iframe实现内联嵌套

接下来是设置宽度高度等等

使用Iframe实现内联嵌套

然后给与需要嵌套页面绑定上 嵌套跳转

使用Iframe实现内联嵌套

为了突出效果  做了一个对比 下面是直接跳转的

使用Iframe实现内联嵌套

在主页面上 我们点击做了嵌套的标签  显示出来的是主页面和 被嵌套页面

使用Iframe实现内联嵌套

该图是设置直接跳转的 会有一丢丢显示的单调了些许

使用Iframe实现内联嵌套