在iframe中完成页面嵌套
作者:桔梗菌
开发工具: Visual Studio 2015
写作时间: 2019-5-31
今天我将向您展示如何使用iframe标签完成页面嵌套。 在iframe中嵌套页面后,可以单击“选择座位和创建登机牌”按钮在页面之间切换。
代码部分主要分为三个部分,第一部分是按钮和iframe标记部分,这一部分需要构建能够实现单击功能的按钮和能够嵌套页面的iframe标记,并向它们添加ID。 因为iframe标签设置为width=100%,将显示的页面宽度设置为原始100%,并且border:0px使用插件,出现不需要的挡板。 border:0px; 可以消除插件对挡板的影响。
第二部分是JS部分,获取ID点击按钮实现点击事件,点击后封装的方法$(#content ).attr )“src”,“/Service/FWService/check”
第三部分是需要嵌套的页面部分,需要嵌套的页面需要创建新的页面来构建,但在构建页面时,在嵌套成功后再构建比较方便。
最后,必须注意的是,如果显示的iframe高度不正确,$('#content ' ).height”) (windows height-110 (“px”) ) () ) ) )