使用Iframe嵌套其他系统页面遇到的跨域问题

本文介绍了如何使用iframe嵌套不同系统页面,以及在此过程中遇到的跨域问题。通过frameset标签实现页面集成,但在集成过程中,由于跨域导致的权限验证和cookie传递问题。解决方法包括使用jsonp进行跨域请求,以及后端设置@CorsOrigin注解和Web.xml中配置filter以允许cookie跨域,从而实现成功登录并访问嵌套页面。
摘要由CSDN通过智能技术生成

之前需要将一个其他的系统页面集成到现在主要使用的一个平台上,因为这个系统使用的是jsp的页面,另一个是augular的页面,并且为了保持项目的完整性和较小的改动,所以使用了iframe来将另一个页面集成进来。

  1. 如何使用iframe嵌套页面
    使用frameset标签即可将其他的页面集成到这个当前的页面,这个frame标签的作用其实挺大的
    第一,可以防止页面刷新,将其他的一些刷新操作放到frame中,你在页面中看不到刷新,但是其实是刷新了页面。
    第二,可以将其他的页面直接通过链接就可以集成到当前页面,很方便。

用法:

<frameset cols="100%,*" rows="*" frameborder="NO" border="0" framespacing="0" onload="load()">
    <frame id="linkHtml" src="http://www.baidu.com" />
</frameset>
  • frameset是父标签,不能省略,并且可以设置一些属性,用来设置大小的
  • 7
    点赞
  • 83
    收藏
    觉得还不错? 一键收藏
  • 11
    评论
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值