如何嵌套页面

作者:HZY
嵌套页面是我们在学习MVC,搭建页面是经常需要用到的。
首先来说下嵌套页面的作用,嵌套页面就是在一个页面中,点击某个事件,然后改变一部分页面,
例如在主页面中,点击导航栏,部分页面改变,嵌套页面的作用就是改变局部,把页面套入到一个大页面中,嵌套页面可以嵌套多个,当你想要在页面中放置另一个页面时就需要用到嵌套页面。
下面来说怎么嵌套页面,嵌套页面。

这个标签就是用来嵌套页面的,下面是代码图,iframe标签里还加了一个ID是用来JS绑定的 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190528153854581.png)

然后在控制器中创建视图,搭建好你所需要嵌套进来的页面,写JS代码绑定进来就可以了

下面就是JS代码

在这里插入图片描述
把需要嵌套的页面路径和需要绑定页面的盒子ID绑定好,在用单点击事件click就完成了。
在这里插入图片描述

页面的头部和侧面导航都已搭建好,只需要替换内容的主要面,这个时候就需要写主页面的嵌套就好了,在把写好的页面一一嵌套到iframe里面,利用ID=’content’绑定方法就行了。
嵌套页面非常实用,多加使用便能运用自如。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值