使用Iframe实现内联嵌套

使用Iframe实现内联嵌套

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

开发工具与关键技术：Iframe

作者：吴业华

撰写时间：2019年5月22号

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

 

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

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

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

然后就是：

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

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

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

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

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